[RESOLVED] Rollover Images - How to Keep Filesize Small?

[Father_Chaos]

Hi, I have a menu with different rollover images (well not very different, only the text on them changes), like "News", "Forums", etc. They are each in a different table row.

However, the user has to download each image because each one is a bit different from the other. Is there a way to put the same rollover image for each item in the menu so that the user will only download it once, and only change the text on each? I do not want the text to be selectable though.

Thanks!

[TiGGi]

What you do is cut your image so the part where the text is it's own image.
Then apply Swap image on mouseover on each part of the image to change just the text part.
Another solution is to make you menu in flash!

[pcthug]

You may also be interested in css sprites
http://www.alistapart.com/articles/sprites

[johneva]

I too would use CSS as it works much better and makes for much much smaller files sizes.

[nitrexoxide]

I would deffinatly use CSS list menus, as displayed on my site, nitrexoxide.co.nr. They load extremely fast and work even with images disabled :) .

Feel free to steal any code too ;)