View Full Version : Resolved Image Thumbnail Viewer II

11-14-2005, 02:49 AM
I have a question that hopefully has a solution. I am using the Image Thumbnail Viewer II from the following url: http://www.dynamicdrive.com/dynamicindex4/index6.html
I am using the text version with the mouseover feature. My question, is there a way to preload an image into the same area where the images load from the mouseover. I love the script, however, when you initially load the page, there is a blank spot where the mouseover images go and I would love to be able to have an image loaded there when the page loads. Is this possible?

Here is an example:
link picture loads here when mouse is over link
link picture loads here when mouse is over link
You see where I note "picture loads here when mouse is over link"? This is the blank area when page is loaded and where I would like to preload an image.

Thank you,


11-14-2005, 06:24 AM
<div id="dynloadarea" style="width:80px;height:225px"></div>

<div id="dynloadarea2" style="width:80px;height:200px"></div>

The above are the two areas from the demo where the larger pictures appear onmouseover of the thumbnails or texts, respectively. Whichever, one(s) you are using (or even if you made a custom one), you can add an initial image tag to it like so:

<div id="dynloadarea" style="width:80px;height:225px"><img src="initial.jpg"></div>

Where 'initial.jpg' can be any image you like. Since it is just an ordinary image tag, you can add any other valid attributes or style to it that you like. You could even make it a link in the usual HTML manner:

<div id="dynloadarea" style="width:80px;height:225px"><a href="some.htm"><img src="initial.jpg"></a></div>

The beauty part is, whatever you put there will disappear as soon as one of the thumb or text triggers is activated by a mouseover and be replaced by the content configured for it in the script.

11-14-2005, 08:14 PM
That is excellent. Thank you for the code and the timely response. I'm off to try it.