About Image Thumbnail Viewer II

[Sonico67]

Was looking at this image viewer script and I would like it to do something that apparently it doesn't do.. I want a preloaded image to be activated when the page loads, rather than waiting for it to active with given options: mouseover/click. -this only applies to the very first demo (the one with 3 thumbnails)

http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

I'm trying to set up a website and create a space for the enlarged image, it would certainly be a plus if one is already loaded as the user comes in -then load the rest thru thumbnail interaction.

[jscheuer1]

This is a very common question with a simple solution. Just put whatever you want in the loading area. For example the first demo has as its first trigger link:


<a href="../dynamicindex17/sofagirllarge.jpg" rel="enlargeimage" rev="targetdiv:loadarea" title="Nothing better than relaxing on the sofa sometimes">

Which onmouseover puts:


<div style="">
<img src="../dynamicindex17/sofagirllarge.jpg" style="border-width:0"/>
<br/>
Nothing better than relaxing on the sofa sometimes
</div>

into the waiting:


<div id="loadarea" style="width:510px; height: 220px">
</div>

If you want that to be there to begin with, just hard code it:


<div id="loadarea" style="width:510px; height: 220px">
<div style="">
<img src="../dynamicindex17/sofagirllarge.jpg" style="border-width:0"/>
<br/>
Nothing better than relaxing on the sofa sometimes
</div>
</div>

In fact, you may put anything you like in there. It will be overwritten as soon as any trigger link is activated.

[Sonico67]

That really helped! Thanks -again. :)