|
|
|
How to Create Click-to-Enlarge Pictures
This HTML allows you to display many pictures of your item in lesser space. For example-
|
Click on the little pictures to enlarge |
Here's the HTML. All you need to do is copy it and replace the addresses for pictures 1-6 with your own picture URL's. Naturally if you only have 4 pictures of your item you can leave the HTML for the last two pictures out. 
<TABLE ALIGN=CENTER CELLSPACING="20" width="600">
<TR><TD>
<IMG SRC=http://yourimagehost/yourname/picture1 WIDTH="400" ALT" name="the_pic">
</TD>
<TD ALIGN=CENTER>Click on the little pictures to enlarge
<P>
<A HREF="#"; onClick="document.the_pic.src='http://www.yourimagehost/yourname/picture1';return false;">
<IMG SRC="http://www.yourimagehost/yourname/picture1" WIDTH="75" BORDER="0"></A>
<P>
<A HREF="#"; onClick="document.the_pic.src='http://www.yourimagehost/yourname/picture2';return false;">
<IMG SRC="http://www.yourimagehost/yourname/picture2" WIDTH="75" BORDER="0"></A>
<P>
<A HREF="#"; onClick="document.the_pic.src='http://www.yourimagehost/yourname/picture3';return false;">
<IMG SRC="http://www.yourimagehost/yourname/picture3" WIDTH="75" BORDER="0"></A>
<P>
<A HREF="#"; onClick="document.the_pic.src='http://www.yourimagehost/yourname/picture4';return false;">
<IMG SRC="http://www.yourimagehost/yourname/picture4" WIDTH="75" BORDER="0"></A>
<P>
<A HREF="#"; onClick="document.the_pic.src='http://www.yourimagehost/yourname/picture5';return false;">
<IMG SRC="http://www.yourimagehost/yourname/picture5" WIDTH="75" BORDER="0"></A>
<P>
<A HREF="#"; onClick="document.the_pic.src='http://www.yourimagehost/yourname/picture6';return false;">
<IMG SRC="http://www.yourimagehost/yourname/picture6" WIDTH="75" BORDER="0"></A>
<P>
</TD></TR>
</TABLE>