PDA

View Full Version : Img. Thumbnail Viewer II



dr.who53
03-13-2006, 10:57 PM
Hi, what a great site! but before I attempt to use the "Image Thumbnail Viewer II" script found at http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm.....what do you need to do in order to display more than 3 images as shown in the sample script? P.S. I know absolutely nothing about DHTML! :confused: (I have 18 images that I want to use the script with). Appreciate any help! Thanks!

jscheuer1
03-13-2006, 11:11 PM
Follow the pattern outlined in the demo, for the larger images, add to the array:


//Specify image paths and optional link (set link to "" for no link):
var dynimages=new Array()
dynimages[0]=["photo1.jpg", "http://www.cnn.com"]
dynimages[1]=["photo2.jpg", "http://www.yahoo.com"]
dynimages[2]=["photo3.jpg", "http://www.google.com"]
dynimages[3]=["photo4.jpg", ""]

For the thumbnails, do likewise for the markup:


<a href="#" onMouseover="modifyimage('dynloadarea', 0)">image 1 (onmouseover)</a><br>
<a href="#" onMouseover="modifyimage('dynloadarea', 1)">image 2 (onmouseover)</a><br>
<a href="#" onMouseover="modifyimage('dynloadarea', 2)">image 3 (onmouseover)</a><br>
<a href="#" onMouseover="modifyimage('dynloadarea', 3)">image 4 (onmouseover)</a><br>

dr.who53
03-13-2006, 11:50 PM
Hey....that was what I call a quick response! I'll give it a try and see if it works! If only all of life's answers came this quickly!! :)