Follow the pattern outlined in the demo, for the larger images, add to the array:
Code:
//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:
HTML Code:
<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>
Bookmarks