PDA

View Full Version : Image Thumbnail Viewer II - thumbnail question



sarahmdr
03-17-2006, 04:10 AM
Script: Image Thumbnail Viewer II
Link: http://www.dynamicdrive.com/dynamicindex4/thumbnail2.htm


Ok.... quick question:

When you look at the code on a webpage - you see the text links instead of thumbnail pictures -

Where and how in the body code do you take out the text and insert the thumbnail code so that thumbnails appear instead of text ...

I have no clue and love this script. Thank you if you can help me!!

Sarah

jscheuer1
03-17-2006, 05:48 AM
Change:


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

to:


<a href="#" onMouseover="modifyimage('dynloadarea', 0)" onclick="return false;"><img src="thumb1.jpg" border="0"></a><br>
<a href="#" onMouseover="modifyimage('dynloadarea', 1)" onclick="return false;"><img src="thumb2.jpg" border="0"></a><br>

The green onclick events are simply to prevent page reload if the thumbnails are clicked. It is the red image tags that answer your question, set their src attributes to your image files' names and (if not in the same folder as the page) paths.

Note: Those are ordinary HTML image tags.

sarahmdr
03-17-2006, 10:06 PM
Perfect! Thank you for taking the time to answer my question - which now seems rather dumb! lol

Thank you so much :) I can now finish the page I was working on.
Sarah