JavaScript Forum

**jpf566** · 06-09-2010, 10:23 AM

Ok so I am using “Image Thumbnail Viewer II” from Dynamic Drive http://www.dynamicdrive.com/dynamici...thumbnail2.htm

I would like to make it so when the page is loaded..There is an image already in the "Display Div" I don't want just a couple thumbnails and a big blank page...Its a bit confusing for someone if they think something else is supposed to load. Does anyone know how I can have a certain image autoload? see below for example of what I have. Thanks!!!

http://s278616331.onlinehome.us/other%20sites/jpf/

**kline11** · 07:42 PM

I'm not sure exactly what you want. But I give it a go. You can preload images by adding this within the <body> tag:

Code:

onLoad="preloadImages('YourImage.gif')"

And add the folowing JaveScript:

Code:

<script language="javascript">
function preloadImages() {
var d=document; if(d.images){ if(!d.p) d.p=new Array();
var i,j=d.p.length,a=preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}
</script>

If you want to preload multiple images, use:

Code:

onLoad="preloadImages('YourImage.gif','YourImage2.gif','YourImage3.gif')"

I hope this helps!