Image thumbnail viewer + glorified caption

[swallfisch]

I'm looking for something that works like the image thumbnail viewer 2 (http://www.dynamicdrive.com/dynamici...thumbnail2.htm) - in that thumbnails display a larger image in a predetermined div, but that also displays formatted text in another location for each image. (other than the title attribute) ie, this other text area would have formatting, possible links etc., basically a glorified caption that sits in a determined location, other than right below the picture.

[ddadmin]

One approach would be to define the rich tooltip as a hidden DIV anywhere on the page, and give it a unique ID. Then, extend the "rev" attribute of the thumbnail image so you can supply that ID to the script and have it reveal the description when the enlarged image is shown. For example:

<a href="http://www.nasa.gov/images/content/167040main_image_feature_738_ys_4.jpg" rel="enlargeimage" rev="targetdiv:loadarea,descid:galaxy" title="The Universe is just waiting to be explored">Saturn #1</a>

And the description markup itself:

<div id="galaxy" style="display:none">Deep sky surveys show that galaxies are often found in relatively close association with other galaxies. Solitary galaxies that have not significantly interacted with another galaxy of comparable <a href="#">mass</a> during the past billion years are relatively scarce.</div>

You'll need to use the modified .js file attached in order for all of this to work.

[khoque]

Hello! I did exactly how it is described, but it is not working 100%. I am a very basic web designer. It works when you first hover over the thumbnail, but then when you go back to the first image, for example, it is showing all 4 descriptions at the same time. Can anyone help? Please refer to http://mpji.net/architecture.html.