Rollover delay problem, please help!

[stealthmonkey]

Hey guys,

I'm working on a site for a client and I'm running into a problem that I've never had before. My rollovers are showing a slight delay, almost like they aren't preloaded, even though it's set to preload. I'm using the code that Adobe Imageready automatically generates for the rollovers. I'm thinking it has something to do with the fact that there are a couple of buttons at the top with rollovers, as well as a side menu. Since there is code for each of those, I think it might be only preloading the images on the top panel, but I don't know how to fix the problem. Any help in resolving this is much appreciated as I need to get this site out the door ASAP. Thanks so much! Here's the link to the test page: www.jamesfosterdesign.com/bug_test

James

[benbramz]

hmm

its that damn MM script. Its obviusly not preloading your images, as they would show.

you could use this, much more simple..

Code: Select all

<SCRIPT LANGUAGE="JavaScript" type="text/javascript">

image1 = new Image();
image1.src = "http://www.webforumz.com/images/imageon.gif";


</script>

then for the link:

Code: Select all

<a href="page.php" onmouseover="image1.src='images/imageon.gif';"
onmouseout="image1.src='images/imageoff.gif';">
<img name="image1" src="http://www.webforumz.com/images/imageoff.gif" border=0></a>

however, id recomend using CSS for the changes. not only do you save hassle for non javascript users, you also save having to load all these images.
also, if you are going to go with css / javascript option, externalise your files..

[stealthmonkey]

Ben,

Thanks so much for taking the time to look into this. Let me be the first to admit, coding is my weak area. I've been lucky to make it this far using the code that Adobe Imageready generates. This is the first time in close to 4 years I've had this problem come up. I think I will try to use the example script you gave me to fix the problem. As far as doing it in CSS, I wouldn't have a clue where to start. If anyone else has had a simliar problem with the Imageready code doing this, I'd like to see your solutions too. Thanks again Ben!!

James

[benbramz]

i noticed your code is not good, however, your not a coder. defiantly a designer (as i loved your design) so ill let you off.

if you wish to do it in css (which is allround a better idea), just shout and ill show you how

[stealthmonkey]

Originally Posted by benbramz

i noticed your code is not good, however, your not a coder. defiantly a designer (as i loved your design) so ill let you off.

if you wish to do it in css (which is allround a better idea), just shout and ill show you how

Yep, you're on to me! I don't do any handcoding anymore, I just use Dreamweaver and Adobe Imageready. I'd love to see how to do it the CSS way. Oh, and I'm glad you liked the design! Thanks.

James

[masonbarge]

Yeah, that one's a cutie. Your client will be ecstatic.

[benbramz]

who cares lol! learn some basic css, i can suggect a very good css book. stylin with css
is a very good one to learn the basics, ive been told.

Originally Posted by stealthmonkey

Yep, you're on to me! I don't do any handcoding anymore, I just use Dreamweaver and Adobe Imageready. I'd love to see how to do it the CSS way. Oh, and I'm glad you liked the design! Thanks.

James

[stealthmonkey]

Originally Posted by masonbarge

Yeah, that one's a cutie. Your client will be ecstatic.

Thanks much!

James

[stealthmonkey]

Originally Posted by benbramz

who cares lol! learn some basic css, i can suggect a very good css book. stylin with css
is a very good one to learn the basics, ive been told.

Thanks Ben, I will check that out when I get a chance. Unfortunately, I need to get this site wrapped up pretty quick. This rollover issue is the only thing keeping me from sending it out the door. Take care and thanks again for all the great advice!

James

[masonbarge]

Don't buy a book, you can learn css on the web from A to Z. It's really easy, at least in theory.

Now, good luck figuring out how to do a cross-browser page that fits together. I'm about to opt for browser-sniffing and alternate style sheets. I've had enough of bizarre IE/Mozilla conflicts to puke up my Christmas dinner.

[benbramz]

true. depends on how ur best at learning, either jumping in or being shown....

[stealthmonkey]

Originally Posted by benbramz

true. depends on how ur best at learning, either jumping in or being shown....

Hey Ben,

I've been checking out some CSS script online for doing the rollovers. It's sort of making sense, but I'm a little overwhelmed in trying to figure out how to make it work with the existing slices I already have made up. If you could shed any light on this with an example it'd be much appreciated! Thanks.

James