You can use JavaScript to display an image in a custom pop-up window. To do this, add the following anchor tag and JavaScript around your existing thumbnail image reference:
<a href="imagename.jpg" onclick="if (window.open)
{ window.open('imagename.jpg','popup', 'scrollbars=0,resizable=0,
width=640,height=480'); return false; }">
<img src="imagename_th.jpg" alt="" width="150" height="113" border="0" />
</a>
|
When you use the preceding script, replace imagename.jpg with the address of the full-size image you want to show, and replace imagename_th.jpg with the address of the thumbnail image.
The above figure shows the sample thumbnail, code, and pop-up window. This script also works well when you want to have a text link open a pop-up window that contains brief complementary information (such as a definition). To link text to a pop-up window, replace the <img /> tag with the hyperlink text you want to display.