Log in

View Full Version : Image Thumbnail Viewer II


Lady Rogue
10-17-2012, 12:30 AM
http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm

For some reason, when I test the code with the following html I don't get the mouse over effect. What am I doing wrong?



<html>


<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript"

src="http://escapebetweenthepages.com/thumbnailviewer2.js">

/***********************************************
* Image Thumbnail Viewer II script- ©

Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay

intact for legal use
***********************************************/

</script>
</head>


<body>

<a href="http://www.nasa.gov/images/content/167040main_image_feature_738_ys_4.jpg" title="This is a picture of my hamster!" rel="enlargeimage"

rev="targetdiv:mydiv1,trigger:mouseover">Thumbnail</a> <br />
<a href="http://www.nasa.gov/images/content/168177main_image_feature_749_ys_4.jpg"

title="This is a picture of my hamster!" rel="enlargeimage" rev="targetdiv:mydiv2,trigger:mouseover">Thumbnail</a> <br />

</body>


</html>
ddadmin
10-17-2012, 10:41 PM
The reference to thumbnailview2.js in your code above is broken:

http://escapebetweenthepages.com/thumbnailviewer2.js

Make sure you've uploaded this file to the root directory of the domain in question.
Wreckdiver
07-31-2014, 06:46 PM
Thank you, this script was just what I was looking for. A question though, is it possible to load the first image into the targetdiv on page load? I have a number of thumbnails down the right-hand side of my page with the diplay area (targetdiv) on the left-hand side. When the page loads it is blank until the user mouseovers an image. It would look better if there was an image shown full size when the page is loaded.

Thanks :o

Steve