Solved

Want DHTML mouse-over GIFs to load initially and when first accessed

Posted on 2002-04-03
5
159 Views
Last Modified: 2013-12-24
I'm new to web design and have just knocked out my first website. Unfortunately my newbie abilities mean that my Java scripting is limited by what Frontpage creates with DHTML.

Problem:-
When any browser accesses my website the initial "off" button gifs are loaded onto the page, but not the gifs representing the button images on occurance of "mouse over". Instead, these images are only loaded when the mouse pointer rolls over each image for the first time - The problem with this being that low bandwidth modem users, don't see smooth roller over effects, if they select each button only once.

Solution sought:-
I want all images including images that are only used with "mouse over", to load initially when the page is first accessed.

Additional info:-
Website at www.12music.co.uk created on Frontpage 2002.
Contains two frames. One containing DHTML roller-over FX.
Problem seen on IE5.0-6.0, Opera & netscape.
0
Comment
Question by:JonnyB
  • 3
  • 2
5 Comments
 
LVL 19

Expert Comment

by:webwoman
ID: 6916309
You're not preloading the images. You need a preloader script. You'll have to include it yourself, and you may need to change the javascript that FP created for the mouseovers, because it's usually pretty bad... It will be easier to just replace all the javascript with new, unless you want to try to decipher how MS created theirs so that the preloader will work.

You've also got 2 sets of body tags, which will cause problems. You named your main frame 'body', which will also cause problems -- it's a reserved word.

Your frameset document has the frameset tags in the body tag -- won't work for Netscape 4. (FrontPage is horrible about that.)

If you haven't already, find a basic HTML/DHTML/javascript book. FrontPage can be OK for a newbie, IF you stick with what it has preconfigured (or use templates designed for it). Once you start doing your own things, you can quickly run into problems. If you don't know HTML you'll be really at a disadvantage.
0
 

Author Comment

by:JonnyB
ID: 6918834
Thanks webwoman, you've included some great pointers there!

Yeah, begun to play with HTML, but a book probably makes sense (I just hate reverting to RTFM, but guess I need to!). In the mean time, any chance of pointing me in the right direction with the Java preloader script?

And finally what is your preferred method to animate buttons? I know for instance that you can use flash, but maybe it's a bit OTT for basic button on/off fx...

Cheers again!
0
 
LVL 19

Accepted Solution

by:
webwoman earned 100 total points
ID: 6920090
If you just want mouseovers, you just need two versions of the same image. The script handles the rest of it.

You can get a bunch of javscripts for lots of things at www.javascriptsource.com -- just hunt around a bit.

Flash really isn't the best thing to use for anything critical -- if they don't have (or don't want) the plugin (and it has to be the RIGHT one, or it doesn't work right) it won't do what it's supposed to, or may not show up. That's not good if your navigation is Flash.

You can download demos of Fireworks, Dreamweaver and Flash from Macromedia (www.macromedia.com) -- Fireworks is probably the best tool for making mouseovers and simple animations. Dreamweaver is similar to FrontPage, but with fewer of the quirks.
0
 

Author Comment

by:JonnyB
ID: 6926535
Cheers ww, thanks for your comments.

I do have access to Dreamweaver 4 - just haven't gotten around to installing/using it yet.

Will check out the Java script link also!

0
 
LVL 19

Expert Comment

by:webwoman
ID: 6926865
You should be able to find lots of good info to get you started. Also, there's a good FREE code editor at www.evrsoft.com -- it's strictly a code editor (no WYSI(N)WYG) but it's very good. And the price is right... ;-)But if you have Dreamweaver, it's probably not necessary.  
Thanks for the A!
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

When deciding to adopt any help desk solutions many factors should be explored before taking decisions. This will change from business to another but in general there are some kind of rule of thumb. Here are some quick tips: Do we need only ticket…
Turn A Profile Picture Into A Cartoon Using Photoshop And Illustrator This tutorial will teach you how to make a cartoon style image out of a regular picture. I have tried to keep the tutorial as simple as possible. I used Adobe CS4 for this tuto…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…
The purpose of this video is to demonstrate how to set up the permalinks on a WordPress Website. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Go t…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now