pre load images?

[Dennis_Gull]

Hello, I have some buttons that change image when you hold over them (like hover) but it takes about a second before something happens the first time you hold over them because the image have to load in the browser. I was just wondering if theres anyway you can pre load them without showing them?

[codeexploiter]

http://www.ilovejackdaniels.com/css/...ages-with-css/

[jscheuer1]

If they are css rollovers, you can just place the images right after the body tag in an absolutely positioned division that has its visibility set to hidden. If they are javascript rollovers, here is a simple way to preload. Place this script in the head of your page:

<script type="text/javascript">
(function(){
//Place all rollover images in the below array:
var roll_images=['over1.gif','over2.gif', 'over3.gif'];
///////////// Stop Editing /////////////
var p=[];
for (var i = 0; i < roll_images.length; i++){
p[i]=new Image();
p[i].src=roll_images[i];
};
})();
</script>

[Dennis_Gull]

Thanks, didnt think about using the hidden layer