hi,
I am developing a site which contains 2 menus which contain hover images,and change buttons, background images etc and so i decided to pre-load all images. What i did is given below:
<img src="images/green-over/about_green_hover.png" alt="" title="" class="preload_hover" />
<img src="images/green-over/branches_green_hover.png" alt="" title="" class="preload_hover" />
<img src="images/green-over/contact_green_hover.png" alt="" title="" class="preload_hover" />
<img src="images/green-over/home_green_hover.png" alt="" title="" class="preload_hover" />
<img src="images/green-over/gold_green_hover.png" alt="" title="" class="preload_hover" />
<img src="images/green-over/diamond_green_hover.png" alt="" title="" class="preload_hover" />
<img src="images/green-over/pearls_green_hover.png" alt="" title="" class="preload_hover" />
<img src="images/green-over/watches_green_hover.png" alt="" title="" class="preload_hover" />
<img src="images/green-over/stones_green_hover.png" alt="" title="" class="preload_hover" />
and in css i just gave display as none. This works fine in firefox 3,opera 9, chrome,safari 4 and flock...But when i checked it in IE 6 it just did not work ..There was a delay while the hover-image was downloaded..how do i solve this without using scripts..