How do I create a slide show?

To have a slide show on your site, insert the following code into your HTML:

(You must change everything in Red, everything in Orange is optional)

1. Put this in the HEAD of you HTML:
   
   
   <SCRIPT LANGUAGE="JavaScript">
   <!-- Begin
   prev1 = new Image (width_in_pixels,height_in_pixels);
   prev1.src = "http://www.fortunecity.com/images/prev1.jpg";
   prev2 = new Image (width,height);
   prev2.src = "http://www.fortunecity.com/images/prev2.jpg";
   
   next1 = new Image (width,height);
   next1.src = "http://www.fortunecity.com/images/next1.jpg";
   next2 = new Image (width,height);
   next2.src = "http://www.fortunecity.com/images/next2.jpg";
   
   go1 = new Image (width,height);
   go1.src = "http://www.fortunecity.com/images/go1.jpg";
   go2 = new Image (width,height);
   go2.src = "http://www.fortunecity.com/images/go2.jpg";
   
   maxPic = 5;
   
   p1 = new Image (width,height);
   p1.src = "/images/1-thumb.gif";
   link1 = "/images/1-full.gif or a URL";
   
   p2 = new Image (width,height);
   p2.src = "/images/2-thumb.gif";
   link2 = "/images/2-full.gif or a URL";
   
   p3 = new Image (width,height);
   p3.src = "/images/3-thumb.gif";
   link3 = "/images/3-full.gif or a URL";
   
   p4 = new Image (width,height);
   p4.src = "/images/4-thumb.gif";
   link4 = "/images/4-full.gif or a URL";
   
   p5 = new Image (width,height);
   p5.src = "/images/5-thumb.gif";
   link5 = "/images/5-full.gif or a URL";
   
   count = 1;
   function next() {
   count++;
   if (count > maxPic) {
   count = 1;
   }
   eval("document.p.src=p" + count + ".src");
   }
   function back() {
   count--;
   if (count == 0) {
   count = maxPic;
   }
   eval("document.p.src=p" + count + ".src");
   }
   function link() {
   location.href=eval("link" + count);
   }
   // End -->
   </script>
   
   
   
2. Put this in the BODY of you HTML:
   
   
   <table cellspacing=0 cellpadding=0>
   <tr>
   <td align=center width=300>
   <br><h3>Slide Show Title</h3>
   
   <img name=p src="http://www.fortunecity.com/images/1-thumb.gif" border=0 width=144 height=96>
   <br>
   <table border=0 width=300>
   <tr align="center" valign="top">
   <td align="right">
   <a href="javascript:back()" onmouseover="prev.src=prev2.src" onmouseout="prev.src=prev1.src">
   <img src="http://www.fortunecity.com/images/prev1.jpg" width="32" height="18" border="0" name="prev">
   </td>
   <td><a href="javascript:link()" onmouseover="go.src=go2.src" onmouseout="go.src=go1.src">
   <img src="http://www.fortunecity.com/images/go1.jpg" width="48" height="24" border="0" name="go">
   </td>
   <td align="left">
   <a href="javascript:next()" onmouseover="next.src=next2.src" onmouseout="next.src=next1.src">
   <img src="http://www.fortunecity.com/images/next1.jpg" width="32" height="18" border="0" name="next">
   </td>
   </tr>
   <tr align="center" valign="top">
   <td colspan=3>
   <font color="black" size="2">
   Browse and click GO</font>
   </td>
   </tr>
   </table>
   
   
   
   
   The Slide Show will appear like this:

   Slide Show Title Browse and click GO