Animated 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="id131.htm" TARGET="_top" TITLE="LOGO BRANDING"><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="id132.htm" TARGET="_top" TITLE="photo with sound"><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><A HREF="id114.htm" TARGET="_top" TITLE="Random Image">Random Image</A><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><B>Animated Image</B><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>Animated Image</B></div> <bR> <div> <B>Do you want a moveable banner,  an ad or cartoon on your site?  Consider a</B><B>n animated gif image.</B></div> <div> <B>Here's a few samples of what can be done:</B></div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="630" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 63 ><NOBR><div> <A HREF="http://www.samisite.com/contact.htm" TARGET="_top" TITLE="http://www.samisite.com/contact.htm"><B>WANT A BANNER MADE FOR YOUR SITE?  CONTACT ME for a BID!</B></A></div> <bR> <bR> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 ><NOBR><div> <B>BANNER 1 - made for a fellow CSB4 user to advertise his website.</B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 67 ><NOBR><div> <A HREF="http://www.investmenttools.com" TARGET="_blank" TITLE="http://www.investmenttools.com"><B><IMG SRC="557d43c0.gif" border=0 width="468" height="60" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></A></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="624"><div> <B>BANNER 2</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 66 ><NOBR><div>  <img src="HTMLobj-1072/aniGif.gif" alt="Cheap Internet" border="0" align="bottom" width="468" height="60">  </div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="624"><div> <B>BANNER 3</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 88 ><NOBR><div>  <img src="HTMLobj-1073/aniGif.gif" alt="prepaid" border="0" align="bottom" width="468" height="60">  </div> <bR> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 41 ><NOBR><div> <B>ADS -  Made in programs by JASC: Animation Shop and Paint Shop Pro </B></div> <div> <B>            If you use transitions, adjust the number of frames down so they stay fast! </B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 337 ><NOBR><div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="7" WIDTH="606" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 197 WIDTH="245"><bR> <div> <B>This sample hase transitions between frames but are still fast loading! </B></div> <bR> <div> <B><IMG SRC="5d3783c0.gif" border=0 width="120" height="60" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </tD> <tD VALIGN=TOP BGCOLOR=#FFFBF0><NOBR><bR> <div> <A HREF="http://www.investmenttools.com" TARGET="_blank" TITLE="http://www.investmenttools.com"><IMG SRC="559783c0.gif" border=0 width="120" height="60" ALT="animated ad" title="animated ad" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></A>   </div> <div> <B>made for a fellow CSB4 user</B></div> <div> <B>to advertise his website on others</B></div> <bR> <div> <B>These are on his site to get advertisers:</B></div> <div> <B><IMG SRC="5d4581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0">        <IMG SRC="5d5581f0.gif" border=0 width="88" height="31" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP COLSPAN=2 HEIGHT= 41 WIDTH="584"><bR> <div> <B>AD -  Made in FLASH programs like SWISH</B></div> </tD> </tR> </TABLE></div> <bR> <bR> <div>       </div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 530 WIDTH="624"><div> <B>Here are ADS that get around the ad stopper programs!</B></div> <div> Ad stoppers often delete animated gif images as nonsense ads.  Try this trick:</div> <bR> <DIV ALIGN="LEFT"></DIV> <div> <B>This is a fake ad.  Animated image in the center of a table that has a background the same color.  Text is placed in the table so even if the image is removed by an ad stopper program, the text and link stay to see the product!  (linked back to this page)</B></div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="208" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 92 ><NOBR><div> <B>We've got Gerbils on sale!! </B></div> <div>  <img src="HTMLobj-1096/aniGif.gif" alt="dancing gerbils" border="0" align="bottom" width="144" height="48">  </div> <div> <A HREF="id126.htm" TARGET="_top" TITLE="Animated Image"><B>visit www.gerbils.com</B></A></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> How its constructed:</div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="214" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 92 ><NOBR><div> <B>We've got Gerbils on sale!! </B></div> <div>  <img src="HTMLobj-1097/aniGif.gif" alt="dancing gerbils" border="0" align="bottom" width="144" height="48">  </div> <div> <A HREF="id126.htm" TARGET="_top" TITLE="Animated Image"><B>visit www.gerbils.com</B></A></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> How the ad is cut with Ad Stopper programs!</div> <div> Only the animation is removed, the link and ad remain instead of losing it all!</div> <div> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="208" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 63 ><NOBR><div> <B>We've got Gerbils on sale!! </B></div> <bR> <div> <A HREF="id126.htm" TARGET="_top" TITLE="Animated Image"><B>visit www.gerbils.com</B></A></div> </NOBR></tD> </tR> </TABLE></div> <bR> <bR> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 ><NOBR><div> <FONT SIZE="3" COLOR="#330066" FACE="Arial" ><B>CARTOON (silly images) -  </B> </FONT>(Dancing Gerbils also used on other applet page)</div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 96 WIDTH="624"><div>  <img src="HTMLobj-1075/aniGif.gif" alt="dancing gerbils" border="0" align="bottom" width="144" height="48">            <img src="HTMLobj-1077/aniGif.gif" alt="bowling pin" border="0" align="bottom" width="50" height="90">       <img src="HTMLobj-1078/aniGif.gif" alt="new" border="0" align="bottom" width="32" height="21">            <img src="HTMLobj-1080/aniGif.gif" alt="email world" border="0" align="bottom" width="38" height="38">  </div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 16 WIDTH="624"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="16" ALIGN="bottom" WIDTH="624" HSPACE="0" VSPACE="0"></tD> </tR> </TABLE></B></div> <bR> <div> <B> <TABLE BORDER="2" CELLPADDING="3" CELLSPACING="4" WIDTH="716" BORDERCOLORLIGHT="#9999CC" BORDERCOLORDARK="#9999CC" FRAME="BOX" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#9999CC HEIGHT= 139 WIDTH="696"><div> <B>BONUS!!</B><B> </B><FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" ><B> </B><B>SIMPLE SCROLLING TEXT</B></FONT></div> <div> <B> <marquee style="color: rgb(255,255,255); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#660099" border="2"> SIMPLE MARQUEE!! Just one line of code!</marquee>  </B></div> <bR> <div> <B>Place this code into an Insert > HTML (or Webgem in Trellix)        </B>(you can change colors, border size, text!)</div> <div> <marquee style="color: rgb(<FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >255,255,255</FONT>); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#<FONT SIZE="2" COLOR="#6600CC" FACE="Arial" >660099</FONT>" border="2"> SIMPLE MARQUEE!!  Just one line of code!</marquee></div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#CCCCFF HEIGHT= 39 WIDTH="696"><div> <B>You can use any of the other attributes shown below in </B><FONT SIZE="3" COLOR="#CC0000" FACE="Arial" ><B>RED</B></FONT><B> to adjust the simple code above.  Yes, they can be combined, mixed and matched as you see fit!</B></div> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#9999CC HEIGHT= 362 WIDTH="696"><bR> <div> <B>Want to adjust the speed?    </B><FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" ><B>SIMPLE SCROLLING TEXT</B></FONT></div> <div> <B> <marquee scrollamount=5 scrolldelay=10 style="color: rgb(255,255,255); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#660099" border="2"> SIMPLE MARQUEE!! Just one line of code!</marquee>  </B></div> <div> <B>Place this code into an Insert > HTML (or Webgem in Trellix)        </B>(you can change colors, border size, text!)</div> <div> <marquee <FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>scrollamount=5 scrolldelay=10 </B></FONT>style="color: rgb(<FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >255,255,255</FONT>); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#<FONT SIZE="2" COLOR="#6600CC" FACE="Arial" >660099</FONT>" border="2"> SIMPLE MARQUEE!!  Just one line of code!</marquee></div> <bR> <div> Adjust the scrollamount and scrolldelay higher (from 1 to 500).</div> <div> Optimal speed seems to be about scrollamount=5 and scrolldelay=10 as shown in the example above. </div> <bR> <div> <B>Warning!</B><FONT SIZE="3" COLOR="#330066" FACE="Arial" > </FONT><FONT SIZE="2" COLOR="#330066" FACE="Arial" >  </FONT></div> <div> A high scrolldelay number makes the scroll stutter!   scrollamount=5 and scrolldelay=500 shown below:</div> <DIV ALIGN="LEFT"></DIV> <div> <B> <marquee scrollamount=5 scrolldelay=500 style="color: rgb(255,255,255); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#660099" border="2"> SIMPLE MARQUEE!! Just one line of code!</marquee>  </B></div> <bR> <div> A high scrollamount number makes the scroll ZOOM past!   scrollamount=50 and scrolldelay=5 shown below:</div> <DIV ALIGN="LEFT"></DIV> <div> <B> <marquee scrollamount=50 scrolldelay=5 style="color: rgb(255,255,255); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#660099" border="2"> SIMPLE MARQUEE!! Just one line of code!</marquee>  </B></div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#9999CC HEIGHT= 176 WIDTH="696"><bR> <div> <B>Want to adjust which side the text scrolls from?    </B><FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" ><B>SIMPLE SCROLLING TEXT</B></FONT></div> <div> <B> <marquee direction=right style="color: rgb(255,255,255); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#660099" border="2"> SIMPLE MARQUEE!! Just one line of code!</marquee>  </B></div> <div> <B>Place this code into an Insert > HTML (or Webgem in Trellix)        </B>(you can change colors, border size, text!)</div> <div> <marquee <FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>direction=right </B></FONT>style="color: rgb(<FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >255,255,255</FONT>); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#<FONT SIZE="2" COLOR="#6600CC" FACE="Arial" >660099</FONT>" border="2"> SIMPLE MARQUEE!!  Just one line of code!</marquee></div> <bR> <div> Adjust the direction to the <B>right</B> or the <B>left</B>, left is default so it can be left out!</div> <bR> </tD> </tR> <tR> <tD VALIGN=TOP BGCOLOR=#9999CC HEIGHT= 176 WIDTH="696"><bR> <div> <B>Want to have the text bounce back and forth?    </B><FONT SIZE="3" COLOR="#FFFFFF" FACE="Arial" ><B>SIMPLE SCROLLING TEXT</B></FONT></div> <div> <B> <marquee behavior=alternate style="color: rgb(255,255,255); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#660099" border="2"> HOW SIMPLE IS THIS!</marquee>  </B></div> <div> <B>Place this code into an Insert > HTML (or Webgem in Trellix)        </B>(you can change colors, border size, text!)</div> <div> <marquee <FONT SIZE="2" COLOR="#CC0000" FACE="Arial" ><B>behavior=alternate </B></FONT>style="color: rgb(<FONT SIZE="2" COLOR="#FFFFFF" FACE="Arial" >255,255,255</FONT>); font-weight: bolder; font-style: normal; font-family: Georgia; border: 1px solid" bgcolor="#<FONT SIZE="2" COLOR="#6600CC" FACE="Arial" >660099</FONT>" border="2"> HOW SIMPLE IS THIS!  </marquee></div> <bR> <div> Add the behavior=alternate code to make your marquee bounce!</div> <bR> </tD> </tR> </TABLE></B></div> <bR> <bR> <bR> <bR> <div> <B> <TABLE BORDER="0" CELLPADDING="2" CELLSPACING="1" WIDTH="711" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="VOID" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 351 ><NOBR><div> <B>So, how do you put these little bits of moving magic into your site?</B></div> <div> <A HREF="#animated" TITLE="Animated Image"><B>animated gif </B></A><B>          </B><A HREF="#flash" TITLE="Animated Image"><B>flash</B></A></div> <bR> <div> <B> <TABLE BORDER="5" CELLPADDING="2" CELLSPACING="3" WIDTH="608" BORDERCOLORLIGHT="#CC0000" BORDERCOLORDARK="#CC0000" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP BGCOLOR=#FFFFFF HEIGHT= 136 WIDTH="586"><div> <FONT SIZE="3" COLOR="#660099" FACE="Arial" ><B>IMPORTANT CSB NOTE: </B></FONT><B> </B><A HREF="http://www.samisite.com/publish/" TARGET="_top" TITLE="http://www.samisite.com/publish/"><B>Check your publishing settings!</B></A><B>  </B>If you leave the option to publish to a local HTML file checked, the link is loaded to the website, but the image or whatever it needs will be missing. </div> <bR> <div> <B>EASY FAST FIX:</B> When you publish make sure you UNCHECK the option to publish to a local HTML file.  You can always check it again if you want to preview your site on your own machine without actually publishing to the web.</div> </tD> </tR> </TABLE></B></div> <bR> <bR> <div> <B> <A NAME="animated"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></B></div> <div> <B><IMG BORDER="0" SRC="Symb075c00b7014099006600.png" HEIGHT="21" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Instructions for animated images </B></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 ><NOBR><div> <B>1)</B><B>  CSB: On the menu, choose Insert > Picture > Animated Gif</B> <FONT SIZE="2" COLOR="#330066" FACE="Arial" >       (Trellix: Click Webgem, for animated)</FONT></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 266 WIDTH="705"><div> <IMG SRC="43a80040.gif" border=0 width="384" height="260" ALT="CSB choice. For Trellix use WEBGEM and look for the animated image " ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="705"><div> <B>2) Choose the file to insert</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 351 ><NOBR><div> <IMG SRC="43b32590.gif" border=0 width="562" height="345" ALT="pick a file, any file" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 59 WIDTH="705"><bR> <div> <B>3) Type in an ALT TAG</B> (three purposes: title hovers over image on mouseover, used by search engines, browsers that can not display an image will show the ALT TAG instead)</div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 242 WIDTH="705"><div> <IMG SRC="43d4eec0.gif" border=0 width="334" height="236" ALIGN="BOTTOM" HSPACE="0" VSPACE="0"></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 WIDTH="705"><div> <B>That's it!!!  SO SIMPLE!!</B></div> </tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 20 ><NOBR><div> <B>LINK the image: </B>  Right click the image, choose Create a link to URL or File</div> </NOBR></tD> </tR> <tR> <tD VALIGN=TOP HEIGHT= 604 WIDTH="705"><bR> <bR> <div>  <A NAME="flash"><IMG BORDER="0" SRC="1x1.gif" HEIGHT="1" ALIGN="bottom" WIDTH="1" HSPACE="0" VSPACE="0" ></A></div> <div> <B>Instructions for FLASH images  </B><FONT SIZE="3" COLOR="#330066" FACE="Arial" >How to insert a flash into CSB page </FONT></div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Use program to make flash & produce code.</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Edit code: place <B>^GEMDIR/ </B>in front of the flash file name</div> <div>     (myflashfile.swf, becomes ^GEMDIR/myflashfile.swf)</div> <div> <TABLE BORDER="2" CELLPADDING="2" CELLSPACING="1" WIDTH="636" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="HSIDES" RULES="NONE" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 224 ><NOBR><div> <B>Sample code: </B></div> <div> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" </div> <div> codebase="<FONT SIZE="1" COLOR="#0000FF" FACE="Arial" ><U>http://active.macromedia.com/flash4/cabs/swflash.cab#version=4,0,0,0</U></FONT>" </div> <div> id="announcingpro2" width="278" height="244"> </div> <div> <param name="movie" value="<FONT SIZE="1" COLOR="#800000" FACE="Arial" ><B>^GEMDIR/</B></FONT>myflashfile.swf"> </div> <div> <param name="quality" value="high"> </div> <div> <param name="bgcolor" value="#FFFFFF"> </div> <div> <embed name="announcingpro2" src="<FONT SIZE="1" COLOR="#800000" FACE="Arial" ><B>^GEMDIR/</B></FONT>myflashfile.swf" quality="high" bgcolor="#FFFFFF" </div> <div> width="278" height="244" </div> <div> type="application/x-shockwave-flash" </div> <div> pluginspage="<FONT SIZE="1" COLOR="#0000FF" FACE="Arial" ><U>http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash</U></FONT>"> </div> <div> </embed> </div> <div> </object></div> </NOBR></tD> </tR> </TABLE></div> <bR> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Place code into an INSERT HTML  (Webgem in Trellix)</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Place flash file into the WEBCOMPONENTS part of the INSERT HTML</div> <div> <IMG BORDER="0" SRC="Symb075c00b700f066003300.png" HEIGHT="16" WIDTH="24" ALIGN="bottom" HSPACE="0" VSPACE="0">Publish</div> <bR> <div> The PREVIEW function can interfere with publishing! When you publish make sure you UNCHECK the option to publish to a local HTML file. If you do that, your HTML-obj folder will publish fine. [This box is helpful as a setting for previewing your site, but not for publishing your site!] </div> <bR> <div> <B>File > Publish web site > Options > HTML Directory > Uncheck this box when you publish.</B><B> </B></div> </tD> </tR> </TABLE></B></div> <script type="text/javascript" src="removeline.js"></script> </td> </tr></table></body>