CODE - Click on image to enlarge on the same page. Thumbnails

This is for custom templates ONLY.  Please see this link - http://inkfrog.zendesk.com/entries/124910-how-to-add-a-custom-template-design

Put this code in your custom design where you wish to see your images. Make sure that when you add the design to the custom area you select for Template type: ADVANCE or the code will not work correctly.

<!---Start CODE----->

 <table cellpadding="0" cellspacing="0" border="0" width="100%"
 align="center">
      <tr>
<font face="Verdana" size="2">

        <td width="80%" height="163" valign="top" style="padding: 0px">


<div align="center">
    
<!---Pictures------>
    <p><font color="#000000" face="Veranda" size="2"><A onClick="document.picture.src='{thumburl1_450}'; return false;" href="#" ;"><img src="{thumburl1_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl2_450}'; return false;" href="#" ;"><img src="{thumburl2_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl3_450}'; return false;" href="#" ;"><img src="{thumburl3_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl4_450}'; return false;" href="#" ;"><img src="{thumburl4_80}" hspace="1" vspace="4" border="0"></a><br>
    
    <A onClick="document.picture.src='{thumburl5_450}'; return false;" href="#" ;"><img src="{thumburl5_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl6_450}'; return false;" href="#" ;"><img src="{thumburl6_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl7_450}'; return false;" href="#" ;"><img src="{thumburl7_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl8_450}'; return false;" href="#" ;"><img src="{thumburl8_80}" hspace="1" vspace="4" border="0"></a><br>
    
    <A onClick="document.picture.src='{thumburl9_450}'; return false;" href="#" ;"><img src="{thumburl9_80}" hspace="1" vspace="4" border="0"></a>
    
    <a onClick="document.picture.src='{thumburl10_450}'; return false;" href="#" ;"><img src="{thumburl10_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl11_450}'; return false;" href="#" ;"><img src="{thumburl11_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl12_450}'; return false;" href="#" ;"><img src="{thumburl12_80}" hspace="1" vspace="4" border="0"></a> <br>
    
    <A onClick="document.picture.src='{thumburl13_450}'; return false;" href="#" ;"><img src="{thumburl13_80}" hspace="1" vspace="4" border="0"></a>
     
    <A onClick="document.picture.src='{thumburl14_450}'; return false;" href="#" ;"><img src="{thumburl14_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl15_450}'; return false;" href="#" ;"><img src="{thumburl15_80}" hspace="1" vspace="4" border="0"></a>
    
    <A onClick="document.picture.src='{thumburl16_450}'; return false;" href="#" ;"><img src="{thumburl16_80}" hspace="1" vspace="4" border="0"></a>
      
    </font>
    </center>
<!---/Pictures------>

  </p>
</div>
<p align="center"><font size="2">Click To Enlarge</font><br>
</td>
        <td width="18%" valign="middle" style="padding: 0px"><p><p align="center"><font face="Verdana" size="2"><img src="{thumburl1_450}" alt="pic" name=picture align="middle" /></font></p></td>
</font>
      </tr>
</table>

<!---END CODE----->