Gallery v2

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" height=50 BGCOLOR="#660099" TEXT="#080000"> <div> <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="725" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 33 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER WIDTH="71"><div> <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="7"> <A HREF="id88.htm" TARGET="_top" TITLE="Galleries"> <IMG SRC="6410e0e0.png" border=0 width="14" height="14" ALT="up" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="7"></div> </tD> <tD VALIGN=CENTER><NOBR><div> <DIV style="TEXT-ALIGN: center"> <STYLE type=text/css> #rollbutton a { color: #C0DCC0; font-size:12px; font-weight: bold; text-decoration: none; border:2px outset #D3D3D3; background-color:#680098; display: block; width: 85px; height: 19px; padding: 0px; } #rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset #D3D3D3; } </STYLE> <DIV id=rollbutton> <A href="http://www.samisite.com" title="Samisite.com Home Page" target="_top" onfocus="this.blur()">HOME</A> <A href="http://www.forum.samisite.com" title="Visit the Samisite Webmaster Community Forum" target="_top" onfocus="this.blur()">FORUM</A></DIV> </DIV></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> </div> </td> </tr><tr> <td valign="top" height=430 BGCOLOR="#DDDDDD" TEXT="#080000"> <div> <STYLE>  </STYLE>                                                  </div> <bR> <div> <FONT SIZE="5" COLOR="#330066" FACE="Arial" ><B>STYLE 2: Mini Gallery Viewer <script language="JavaScript1.2"> /* Disable right click script II (on images)- By Dynamicdrive.com For full source, Terms of service, and 100s DTHML scripts Visit http://www.dynamicdrive.com */ var clickmessage="Please don't take the images." function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script>  </B></FONT><B> <META HTTP-EQUIV="imagetoolbar" CONTENT="no">  </B><B>       </B><FONT SIZE="2" COLOR="#990000" FACE="Arial" ><A HREF="id88.htm" TARGET="_top" TITLE="Galleries">back to other tests</A></FONT></div> <bR> <bR> <DIV ALIGN="LEFT"></DIV> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="0" WIDTH="694" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 344 ><NOBR><div> <B>Mini Gallery version 1 -  Curtis</B></div> <div> <A HREF="id88_mini.htm" TARGET="_top" TITLE="Galleries"><B><IMG SRC="23d78780.jpg" border=0 width="120" height="120" ALT="curtis mini gallery" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></A></div> <bR> <div> <B>Click a thumbnail, see larger image.</B></div> <bR> <bR> <bR> <bR> <div> <A HREF="id88_mini.htm" TARGET="_top" TITLE="Galleries"><B>SEE IT</B></A></div> </NOBR></tD> <tD VALIGN=TOP BGCOLOR=#FFFFFF WIDTH="366"><div> <B>Mini Gallery version 2 -  Samantha</B></div> <div> <B><IMG SRC="23e78780.jpg" border=0 width="120" height="120" ALT="product mini gallery" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> <bR> <div> <B>Modifications:</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f099003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">click statement, see example - thumbnails are different than large image</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f099003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">no dotted line around linked image</B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b700f099003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">center image starts on different image</B></div> <bR> <div> <B>CODE:</B><B> (use either)</B></div> <div> <IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><A HREF="#gemdir" TITLE="Gallery v2"><B>GEMDIR</B></A></FONT></div> <div> <IMG SRC="225090a0.png" border=0 width="9" height="10" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"> <FONT SIZE="3" COLOR="#000000" FACE="Arial" ><A HREF="#ftp" TITLE="Gallery v2"><B>Manual FTP code</B></A></FONT></div> </tD> </tR> </TABLE></div> <bR> <bR> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="0" WIDTH="559" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP ROWSPAN=3 BGCOLOR=#FFFFFF HEIGHT= 47 WIDTH="12"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="47" ALIGN="bottom" WIDTH="12" HSPACE="0" VSPACE="0"></tD> <tD VALIGN=TOP BGCOLOR=#FFFFFF><NOBR><div> <B>CONCRETE PROBLEMS</B></div> <div> <B>Renew Coat is your answer to a "like  new" appearance!</B></div> </NOBR></tD> <tD VALIGN=TOP ROWSPAN=3 BGCOLOR=#FFFFFF WIDTH="12"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="47" ALIGN="bottom" WIDTH="12" HSPACE="0" VSPACE="0"></tD> </tR> <tR> <tD VALIGN=TOP WIDTH="517"><div>  <SCRIPT language=JavaScript>        </SCRIPT>  <CENTER> <TABLE cellSpacing=0 cellPadding=0 width=360 border=0> <TBODY> <TR> <TD><A href="javascript:doPic('HTMLobj-459/p1.jpeg');"onfocus="this.blur()"><IMG height=60 src="HTMLobj-459/tp1.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('HTMLobj-459/p2.jpeg');"onfocus="this.blur()"><IMG height=60 src="HTMLobj-459/tp2.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('HTMLobj-459/p3.jpeg');"onfocus="this.blur()"><IMG height=60 src="HTMLobj-459/tp3.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('HTMLobj-459/p4.jpeg');"onfocus="this.blur()"><IMG height=60 src="HTMLobj-459/tp4.jpeg" width=90 border=0></A></TD></TR> <TR> <TD align=middle colSpan=4><IMG height=240 src="HTMLobj-459/c1.png" width=360 border=0 name=mainpic></TD></TR> <TR> <TD><A href="javascript:doPic('HTMLobj-459/p5.jpeg');"onfocus="this.blur()"><IMG height=60 src="HTMLobj-459/tp5.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('HTMLobj-459/p6.jpeg');"onfocus="this.blur()"><IMG height=60 src="HTMLobj-459/tp6.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('HTMLobj-459/p7.jpeg');"onfocus="this.blur()"><IMG height=60 src="HTMLobj-459/tp7.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('HTMLobj-459/p8.jpeg');"onfocus="this.blur()"><IMG height=60 src="HTMLobj-459/tp8.jpeg" width=90 border=0></A></TD></TR></TBODY></TABLE></CENTER>  </div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF><NOBR><div> <B>Click on the small buttons to see examples</B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> <div> <B> <A NAME="gemdir"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B><B>^GEMDIR in code - put pictures into webcomponent</B><FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" > <style> .highlighttext{ background-color:yellow; font-weight:bold; color: #6600CC; } </style> <script language="Javascript">  </script>  </FONT></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="568" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 60 ><NOBR><div> <B>To capture the code, press Select All then COPY the contents.</B></div> <div> <B>MUST change each gEMDIR to GEMDIR before using code!</B></div> <div> <B> <form name="code1"> <a class="highlighttext" href="javascript:HighlightAll('code1.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=65 > <SCRIPT language=JavaScript>        </SCRIPT>  <CENTER> <TABLE cellSpacing=0 cellPadding=0 width=360 border=0> <TBODY> <TR> <TD><A href="javascript:doPic('^gEMDIR/p1.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp1.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p2.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp2.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p3.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp3.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p4.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp4.jpeg" width=90 border=0></A></TD></TR> <TR> <TD align=middle colSpan=4><IMG height=240 src="^gEMDIR/c1.png" width=360 border=0 name=mainpic></TD></TR> <TR> <TD><A href="javascript:doPic('^gEMDIR/p5.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp5.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p6.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp6.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p7.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp7.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('^gEMDIR/p8.jpeg');"onfocus="this.blur()"><IMG height=60 src="^gEMDIR/tp8.jpeg" width=90 border=0></A></TD></TR></TBODY></TABLE></CENTER> </textarea> </form>  </B></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <B> <A NAME="ftp"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B><B>manual ftp upload of folder </B><FONT SIZE="3" COLOR="#3300FF" FACE="Arial" ><B>gallerys</B></FONT></div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="568" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 42 ><NOBR><div> <B>To capture the code, press Select All then COPY the contents.</B></div> <div> <B> <form name="code2"> <a class="highlighttext" href="javascript:HighlightAll('code2.select1')">Select All</a><br> <textarea name="select1" rows=10 cols=65 > <SCRIPT language=JavaScript>      </SCRIPT>  <CENTER> <TABLE cellSpacing=0 cellPadding=0 width=360 border=0> <TBODY> <TR> <TD><A href="javascript:doPic('gallerys/p1.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp1.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p2.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp2.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p3.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp3.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p4.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp4.jpeg" width=90 border=0></A></TD></TR> <TR> <TD align=middle colSpan=4><IMG height=240 src="gallerys/c1.png" width=360 border=0 name=mainpic></TD></TR> <TR> <TD><A href="javascript:doPic('gallerys/p5.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp5.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p6.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp6.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p7.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp7.jpeg" width=90 border=0></A></TD> <TD><A href="javascript:doPic('gallerys/p8.jpeg');"onfocus="this.blur()"><IMG height=60 src="gallerys/tp8.jpeg" width=90 border=0></A></TD></TR></TBODY></TABLE></CENTER> </textarea> </form>  </B></div> </NOBR></tD> </tR> </TABLE></div> <bR> </td> </tr></table></body>