How to preload images for mouse rollover in the navbar?

Hi,

I have a navbar consisting of images. I have added a nice rollover effect so the pictures change whenever someone hovers the mouse over the pictures. BUT, it lags. Is it possible to preload the hover images so that this lag disappears?

A technique used for just what you do. You can try to implement it. I am not sure how you added a rollover for a navbar.
http://www.webartzforum.com/t420-rollover-button-using-css

Maybe try loading the pictures in a hidden div like so:

Code:

<div style="height:1px;width:1px;visibility:hidden;">
<img src=""> //multiple times
</div>


Or try loading the pictures somewhere on the page but with 0 height and width, like so:

Code:

<img src="" style="height:0;width:0;">

I have no idea if either of these codes actually load the picture in the background, but you can try it. If it doesn't work, you can also try to put image heigth and width to 1 in the second example.