[BadAim]

Hi,

i am making a website right now and i am using MouseOver to make an effect on my buttons. When i open my page, the images dont preload and it takes a small second before it appear. This is the original javascript, and in few webbrowsers, the javascript is blocked. I would like to make it in php or another web language, so everyone will preload the images correctly.

So, someone knows something good for preloading images?

thanks

[Lee]

http://www.google.co.uk/search?q=pre...ient=firefox-a

[chris-1337]

My personal advice is to use CSS (Cascading Style Sheets) and then define the image to 0px height & width, they load but do not get shown, then when you use whatever effects to display/hide them, they should be preloaded. =)

[BadAim]

but how can i display 2 images in the same frame. i think we cant stack an image on the other.

[Lee]

The first result of my search describes in detail exactly how to preload rollover images using JavaScript. The second result uses CSS. Just in case someone feels I'm still a dick for helping you, I'll even supply a script you can copy and paste without having read the helpful resources I have pointed out. It's not as if having an understanding of how web pages work will help you write them.

<script>

/*
Preload images script
By JavaScript Kit (http://javascriptkit.com)
Over 400+ free scripts here!
*/

var myimages=new Array()
function preloadimages(){
for (i=0;i<preloadimages.arguments.length;i++){
myimages[i]=new Image()
myimages[i].src=preloadimages.arguments[i]
}
}


//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")

</script>

[BadAim]

i know the html code but the javascript is a bit much longer to learn...

that javascript to the same thing that mines do, i dont know why but when you put the mouse on the button, it takes a small seocnd before the second image appear, it dont do that when i run it directly on my computer bcause the files are already loaded, but i want to do the same on the net.

Edit: just click on my website link in my sig and you'll see by yourself what i mean.

[Lee]

It would seem you have not used the snippet correctly. Copy and paste the one I gave you; it's simpler. Remember to actually place the images' location in the function call.

[BadAim]

where exactly, do i have to add something in the code?

[Lee]

//Enter path of images to be preloaded inside parenthesis. Extend list as desired.
preloadimages("http://mydomain.com/firstimage.gif","http://mydomain.com/secondimage.gif","http://mydomain.com/thirdimage.gif")

[BadAim]

and i need to add each image of my website 1 by 1?