HEAD section and an
onload snippet to your
There is a much easier way to do this with CSS. I had ran across this a long time ago, but never bookmarked the link.
Bad designer, BAD!
Luckily, I ran across it again recently and thought I’d post it here in case anyone else was interested in how to do this.
In your stylesheet, add the following:
Then add your image that you want pre-loaded just following the
</HEAD> tag. For example:
<img src="/images/navhover.gif" alt="" class="hiddenPic" />
OR, you could put several images inside a
<div class="hiddenPic"><img src="/images/hover1.gif" alt="" /> <img src="/images/hover2.gif" alt="" /> <img src="/images/hover3.gif" alt="" /></div>
Just keep in mind that these images will load before you page does, so don’t overdo it with HUGE images!