?
Solved

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

Posted on 2002-04-03
5
Medium Priority
?
167 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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 400 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

Get real performance insights from real users

Key features:
- Total Pages Views and Load times
- Top Pages Viewed and Load Times
- Real Time Site Page Build Performance
- Users’ Browser and Platform Performance
- Geographic User Breakdown
- And more

Question has a verified solution.

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

Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to integrate Mailchimp with WordPress, by placing a Mailchimp signup form on a WordPress Page or Post. This will be demonstrated using a Windows 8 PC. Mailchimp will be used. Log into your Mailchi…
The purpose of this video is to demonstrate how to set up an RSS Feed on a WordPress Website. This will be demonstrated using a Windows 8 PC. Feedburner will be used for this demonstration. Go to your WordPress login page. This will look like the…
Suggested Courses
Course of the Month11 days, 11 hours left to enroll

752 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