Step 3

<body topmargin=0 leftmargin=0 marginheight=0 marginwidth=0> <table cellpadding=0 cellspacing=0 border=0><tr> <td valign="top" colspan=2 height=90 BGCOLOR="#006699" TEXT="#080000" background="053785a3.jpg"> <div> <FONT SIZE="5" COLOR="#FFFFFF" FACE="Arial" ><B>Demo 35: HTML Slide Show</B></FONT><B>    </B><B> |     </B><A HREF="index.htm" TARGET="_top" TITLE="Demo 35: HTML Slide Show"><U><B>home</B></U></A></div> <div> <A HREF="id2.htm" TARGET="_top" TITLE="Step 1"><U>Step 1</U></A>   |   <A HREF="id3.htm" TARGET="_top" TITLE="Step 2"><U>Step 2</U></A>   |   <B>Step 3</B>   |   <A HREF="id17.htm" TARGET="_top" TITLE="Step 3a"><U>Step 3a</U></A>   |   <A HREF="id4.htm" TARGET="_top" TITLE="Step 4"><U>Step 4</U></A>   |   <A HREF="id6.htm" TARGET="_top" TITLE="Step 5"><U>Step 5</U></A>   |   <A HREF="id16.htm" TARGET="_top" TITLE="Step 6"><U>Step 6</U></A></div> <div> </div> </td> </tr><tr> <td valign="top" width=210 BGCOLOR="#FFCC66" TEXT="#080000" background="054d2b03.jpg"> <bR> </td> <td valign="top" height=390 BGCOLOR="#FFFFFF" TEXT="#080000"> <div> <I>Step 3</I></div> <div> Their instructions:</div> <div> Find the section of script that looks like this: </div> <div> photos[0]="image1.jpg"</div> <div> photos[1]="image2.jpg"</div> <div> photos[2]="image3.jpg"</div> <div> photos[3]="image4.jpg"</div> <div> Replace the image names with the names of <B>your</B> images. You can add more images by continuing the sequence.</div> <div> For example, to add another image named "image5.jpg" you would add a line like this. </div> <div> photos[4]="image5.jpg" </div> <div>  </div> <bR> <div> Now, here is what YOU need to do to make it work for CuteSITE Builder / Trellix Web:</div> <bR> <div> 1. Add an 'Insert HTML' object (if using CuteSITE Builder).</div> <div> If using Trellix, add a new Build your own Web Gem (BYOWG).</div> <bR> <div> 2. Copy and paste the code they provided into it, but</div> <div> edit the code for then names of YOUR image files,</div> <div> as well as adding the special prefix <FONT SIZE="3" COLOR="#FF0000" FACE="Arial" ><B>^GEMDIR/</B></FONT> to each image name</div> <bR> <div> Example:</div> <div> photos[0]="^GEMDIR/image1.jpg"</div> <bR> <div> 3. BEFORE closing out, though,</div> <div> you need to click on 'Files for this component/web gem'</div> <bR> <div> Here is the script as modified:</div> <bR> <div> <TABLE BORDER="2" CELLPADDING="10" CELLSPACING="1" WIDTH="458" BORDERCOLORLIGHT="#C0C0C0" BORDERCOLORDARK="#808080" FRAME="BOX" RULES="ALL" HSPACE="0" VSPACE="0" > <tR> <tD VALIGN=TOP HEIGHT= 1204 WIDTH="430"><div> <script language="JavaScript1.1"></div> <bR> <div> var photos=new Array()</div> <div> var photoslink=new Array()</div> <div> var which=0</div> <bR> <div> //define images. You can have as many as you want. Images MUST be of the same dimensions (for NS's sake)</div> <div> <B>photos[0]="^GEMDIR/cotsw07.JPG"</B></div> <div> <B>photos[1]="^GEMDIR/london04.JPG"</B></div> <div> <B>photos[2]="^GEMDIR/london08.JPG"</B></div> <div> <B>photos[3]="</B><B>^GEMDIR/london04.JPG"</B></div> <bR> <div> //Specify whether images should be linked or not (1=linked)</div> <div> var linkornot=0</div> <bR> <div> //Set corresponding URLs for above images. Define ONLY if variable linkornot equals "1"</div> <div> photoslink[0]=""</div> <div> photoslink[1]=""</div> <div> photoslink[2]=""</div> <div> photoslink[3]=""</div> <bR> <div> //do NOT edit pass this line</div> <bR> <div> var preloadedimages=new Array()</div> <div> for (i=0;i<photos.length;i++){</div> <div> preloadedimages[i]=new Image()</div> <div> preloadedimages[i].src=photos[i]</div> <div> }</div> <bR> <bR> <div> function applyeffect(){</div> <div> if (document.all){</div> <div> photoslider.filters.revealTrans.Transition=Math.floor(Math.random()*23)</div> <div> photoslider.filters.revealTrans.stop()</div> <div> photoslider.filters.revealTrans.apply()</div> <div> }</div> <div> }</div> <bR> <bR> <div> function playeffect(){</div> <div> if (document.all)</div> <div> photoslider.filters.revealTrans.play()</div> <div> }</div> <bR> <div> function keeptrack(){</div> <div> window.status="Image "+(which+1)+" of "+photos.length</div> <div> }</div> <bR> <div> function backward(){</div> <div> if (which>0){</div> <div> which--</div> <div> applyeffect()</div> <div> document.images.photoslider.src=photos[which]</div> <div> playeffect()</div> <div> keeptrack()</div> <div> }</div> <div> }</div> <bR> <div> function forward(){</div> <div> if (which<photos.length-1){</div> <div> which++</div> <div> applyeffect()</div> <div> document.images.photoslider.src=photos[which]</div> <div> playeffect()</div> <div> keeptrack()</div> <div> }</div> <div> }</div> <bR> <div> function transport(){</div> <div> window.location=photoslink[which]</div> <div> }</div> <bR> <div> </script></div> </tD> </tR> </TABLE></div> <bR> <bR> </td> </tr></table></body>