Rollovers are so s l o w . . .

Why are my rollovers so darn slow?

[SynergyWD]

I just started redesigning my website with photoshop and decided to add javascript rollovers. Problem is, there is a HORRID delay between moving over the image and the image changing. I'm using the basic onmouseover and onmouseout commands and have no idea why their so slow.

Code:

<a href="Index.html" onmouseover="Home.src=&#39;Images/Index_02_On.gif&#39;;" onmouseout="Home.src=&#39;Images/Index_02.gif&#39;;"><img src="images/Index_02.gif" width="133" height="43" alt="home" name="Home" border="0" id="Home"></a>

^ Theres an example of what my links look like. The &#39;'s were added by html tidy and may be the problem but I don't remember what the stand for. Any help would be appreciated or alternative rollovers would be nice.

[jbinbpt]

First question... What are the image file sizes? In photoshop you can "Save for Web" and it really help.

&#39 is the code for a single quote. Mean anything to you?

jb

[SynergyWD]

Relatively small, their all gif images. I think that's the smallest type you can use. I tried the links on my site at my friends house and they work fine but their still slow on many people's computers.

The quote thing doesn't seem to have an effect so I'll leave it for a now. HTML Tidy will just put it back when I rerun the code through it.