• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 171
  • Last Modified:

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

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
JonnyB
Asked:
JonnyB
  • 3
  • 2
1 Solution
 
webwomanCommented:
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
 
JonnyBAuthor Commented:
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
 
webwomanCommented:
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
 
JonnyBAuthor Commented:
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
 
webwomanCommented:
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

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now