<html>
<head>
  <meta http-equiv="content-type" content="text/html;charset-
     =iso-8859-1">
  <title>DHTML for the WWW | Adding GIF Animation</title>
    <script language="JavaScript"><!--
var o1;

/* Begin code for button rollovers*/
    
if (document.images){  
imag = new Array();

  imag[0] = "javascript/b_off.gif";
  imag[1] = "javascript/b_rdy.gif";

  
  im = new Array();
  for (var i = 0; i < imag.length; i++)
  {
  im[i] = new Image();
  im[i].src = imag[i];
  }
  }


function toggleImage(imgName,num){  
  if (document.images){
    imgName.src = im[num].src;
    }
  return;
}
// -->
    </script>
  </head>

  <body>
    <h2>GIF Animation</h2>
    <h3><b>JavaScript Rollovers</b></h3>
    <b>
      <center>
        <p><a href="../#" onmouseover="toggleImage(o1,1)" on-
           mouseout="toggleImage(o1,0)"><img height="35" wid-
           th="35" src="javascript/b_off.gif" border="0" nam-
           e="o1" align="absmiddle"> Your Link here</a></p>
      </center>
      <h3>
        <hr>
      </h3>
      <h3>Back Grounds</h3>
    </b>
    <center>
      <p><a href="static/index.html">View as Background</a><-
         /p>
      <b>
        <p><img height="100" width="100" src="static/static.-
           gif"></p>
      </b></center>
    <h3>
      <hr>
    </h3>
    <h3>Illustrations</h3>
    <center>
      <h3><img height="154" width="262" src="illo/memory.gif-
         "></h3>
    </center>
    <p></p>
    <hr>
    <h3><b>Slide Shows</b></h3>
    <center>
      <p><img height="267" width="200" src="slides/slides1.g-
         if"></p>
    </center>
    <p>&nbsp;</p>
  </body>

</html>