The code in Step 2 represents the complete code you need to set up a couple of thumbnail images. As you long as you're familar with HTML, you should be able to just edit this code to customize it. here is the code again:
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="#" onClick="return modifyimage('dynloadarea2', 2)">image 3 (onclick)</a><p>
<div id="dynloadarea" style="width:80px;height:225px"></div>
<div id="dynloadarea2" style="width:80px;height:200px"></div>
The last two DIVs above are the containers that will display the images when they're enlarged. Note the ID of these two DIVs (ie: "dynloadarea")- the links above reference this DIV to tell the script which DIV to load the thumbnail images in.
Bookmarks