Solved

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

Posted on 2002-04-03
5
160 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

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

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…
This article provides a case study on how our local youth baseball league deployed a new website, including the platform selection, implementation and benefits to the league.
The purpose of this video is to demonstrate how to exclude a particular blog category from the main blog page. This is can be used when a category already has its own tab, or you simply want certain types of posts not to show up on the main blog. …
The purpose of this video is to demonstrate how to prevent comment spam on a WordPress Website. This will be demonstrated using a Windows 8 PC. Plugin Akismet will be used. Go to your WordPress login page. This will look like the following: myw…

914 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

15 Experts available now in Live!

Get 1:1 Help Now