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
Solved

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

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

VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
Coldfusion Code128 barcode problem 11 244
ASP.NET Fix Column Width 7 210
monthly fee and support for nutrionist 3 143
Advice on what platform to use for a web app for AWS 3 104
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…
When setting up new project requests for our site, one of the most powerful tools our team has available to use is Axure (http://www.axure.com/). It’s a tool for creating software and web prototypes that can function and interact as if it were the a…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to Import and export files in WordPress. 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 : Click on Too…

808 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