Random Image

<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="697" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" ALIGN="LEFT" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=CENTER HEIGHT= 35 ><NOBR><div> <B>Sami's Site: CSB - Trellix Support and Tests</B></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT><A HREF="id113.htm" TARGET="_top" TITLE="xara thumbnail"><IMG SRC="4b1070e0.png" border=0 width="7" height="14" ALT="previous" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>  <IMG BORDER="0" SRC="1x1.gif" HEIGHT="14" ALIGN="BOTTOM" HSPACE="0" VSPACE="0" WIDTH="14">  <A HREF="id131.htm" TARGET="_top" TITLE="LOGO BRANDING"><IMG SRC="4b3070e0.png" border=0 width="7" height="14" ALT="next" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A> <FONT SIZE="1" COLOR="#CCCC99" FACE="Arial" >   </FONT></div> </NOBR></tD> <tD VALIGN=CENTER><NOBR><div> <STYLE type=text/css>#rollbutton a { color: #C0DCC0; font-size:13px; font-weight: bold; text-decoration: none; border:2px outset light gray; background-color:#680098; display: block; width: 85px; height: 22px; padding: 0px;}#rollbutton a:hover { background-color: #C0DCC0; color:#680098; padding-left: 3px; border:2px inset light gray;}</STYLE><DIV id=rollbutton><DIV><A href="http://www.samisite.com" title="Go Back to Home Page" target="_top" onfocus="this.blur()"><center>HOME</center></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><A HREF="index.htm" TARGET="_top" TITLE="Test Index">Test Index</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id93.htm" TARGET="_top" TITLE="Photo Borders">Photo Borders</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id125.htm" TARGET="_top" TITLE="Table of sliced images Rounded corners">Table of sliced images - Rounded corners</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="sliceandlink.htm" TARGET="_top" TITLE="Sliced images and manually linked">Sliced images and manually linked</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id129.htm" TARGET="_top" TITLE="Overlap Images">Overlap Images</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id128.htm" TARGET="_top" TITLE="Create a Watermark">Create a Watermark</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id35.htm" TARGET="_top" TITLE="Gif Png Transparency">Gif Png Transparency</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id138.htm" TARGET="_top" TITLE="ButtonsImage Links">Buttons-Image Links</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id136.htm" TARGET="_top" TITLE="Image Names">Image Names</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id139.htm" TARGET="_top" TITLE="Image Theft">Image Theft</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id33.htm" TARGET="_top" TITLE="Lake Applet">Lake Applet</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id109.htm" TARGET="_top" TITLE="Other applets">Other applets</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id94.htm" TARGET="_top" TITLE="Slideshow1">Slideshow1</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id127.htm" TARGET="_top" TITLE="Slideshow2">Slideshow2</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id144.htm" TARGET="_top" TITLE="Slideshow3">Slideshow3</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id88.htm" TARGET="_top" TITLE="Galleries">Galleries</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id141.htm" TARGET="_top" TITLE="DD Thumbnail Viewer">DD Thumbnail Viewer</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="imagemap.htm" TARGET="_top" TITLE="image map">image map</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id113.htm" TARGET="_top" TITLE="xara thumbnail">xara thumbnail</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><B>Random Image</B><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id131.htm" TARGET="_top" TITLE="LOGO BRANDING">LOGO BRANDING</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id126.htm" TARGET="_top" TITLE="Animated Image">Animated Image</A><FONT SIZE="1" COLOR="#330066" FACE="Symbol" >   ·   </FONT><A HREF="id132.htm" TARGET="_top" TITLE="photo with sound">photo with sound</A></div> <bR> <div> <B>Random Image on Reload </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> <B>2 code versions </B><FONT SIZE="3" COLOR="#330066" FACE="Arial" ><B>(and 1 variation)</B></FONT></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B>SAMPLE 1:</B></div> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="704" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 305 WIDTH="236"><bR> <div> <B>Reload the page</B></div> <div> <B>to see the image change</B></div> <bR> <div> <B>This one is just images</B></div> <div> <B>with NO links.</B></div> <bR> <div> <B>Want a code that allows</B></div> <div> <B>you to link the image to another page?</B></div> <div> <A HREF="#wlinks" TITLE="Random Image"><B>Click Here</B></A></div> <div> (or scroll down to view)</div> <bR> </tD> <tD VALIGN=TOP><NOBR><div> <B> <SCRIPT LANGUAGE="Javascript"></SCRIPT>  </B></div> </NOBR></tD> </tR> </TABLE></B></div> <bR> <bR> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="589" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 122 WIDTH="583"><div> <B>Modified script to work in CSB and Trellix shown below.</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT></div> <div> <B>(visit </B><A HREF="http://www.cmg02.com/scripts2/randomimage.htm" TARGET="_blank" TITLE="http://www.cmg02.com/scripts2/randomimag"><B>CMG site by Curtis</B></A><B>.  He has the original script and many others!!!  </B></div> <bR> <div> <B>Place this script into an Insert > HTML (webgem in Trellix). Include the images in the webcomponent.</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT></div> <div> <B>Change </B><FONT SIZE="3" COLOR="#FF0000" FACE="Arial" ><B>RED</B></FONT><B> item to your image name. </B></div> </tD> </tR> </TABLE></B></div> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="595" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 642 ><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> </textarea> </form>  </B></div> <div> <B>I have made notes in code below and it will effect functionality!</B></div> <div> <B>Use the Select All choice above!</B><FONT SIZE="2" COLOR="#000000" FACE="Arial" > </FONT></div> <bR> <div> <SCRIPT LANGUAGE="Javascript"></SCRIPT></div> </NOBR></tD> </tR> </TABLE></B></div> <bR> <div> <B> <A NAME="wlinks"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></div> <div> <B>SAMPLE 2:</B></div> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="674" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 305 WIDTH="207"><div> <B>Reload the page</B></div> <div> <B>to see the image change</B></div> <bR> <div> <B>Each image links to a different page</B></div> <div> <B>in this same window</B></div> <bR> <bR> <div> <B>Want to open the link in a new window?  or remove the dotted line when you click the link? </B></div> <div> <A HREF="id115.htm" TARGET="_top" TITLE="Random Image"><B>Click Here</B></A></div> </tD> <tD VALIGN=TOP><NOBR><div> <B> <script language="JavaScript">  </script>  </B></div> </NOBR></tD> </tR> </TABLE></B></div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="589" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 143 WIDTH="583"><div> <B>Modified script to work in CSB and Trellix shown below.</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT></div> <div> <B>This script is from </B><A HREF="http://www.javascriptkit.com/script/cut144.shtml" TARGET="_blank" TITLE="http://www.javascriptkit.com/script/cut1"><B>Javascript Kit</B></A><B>.  Visit for the original script and many more!!</B></div> <bR> <div> <B>Place this script into an Insert > HTML (webgem in Trellix). Include the images in the webcomponent.</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT></div> <div> <B>Change </B><FONT SIZE="3" COLOR="#FF0000" FACE="Arial" ><B>RED</B></FONT><B> item to your image name.</B></div> <div> <B>Change </B><FONT SIZE="3" COLOR="#6600FF" FACE="Arial" ><B>BLUE</B></FONT><B> item to your link.</B></div> </tD> </tR> </TABLE></div> <div> <B> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="591" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 792 ><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> </textarea> </form>  </B></div> <div> <B>I have made notes in code below and it will effect functionality!</B></div> <div> <B>Use the Select All choice above!</B><FONT SIZE="3" COLOR="#000000" FACE="Arial" > </FONT></div> <div>  </div> <div> <script language="JavaScript"></div> <div> </div> <div> </script></div> </NOBR></tD> </tR> </TABLE></B></div> <bR> </td> </tr></table></body>