<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> </p> </body> </html>