<![CDATA[
<HTML>
<HEAD>
<TTILE>ANIMATED JPEGS</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!-- HIDE FROM NON-JS BROWSERS
var counter=1; // (Note: There are only three images to loop)
function rollPics() {
document.display.src=counter+".jpg"; //Display image "counter".jpg
counter ++; // Add 1 to counter
if (counter>3) { // If counter is greater than 3 images then reset it
counter=1
}
}
<!-- END HIDE-->
</SCRIPT>
<BODY TEXT="#000000" BGCOLOR="#FFFFFF">
<CENTER>
<IMG NAME="display" WIDTH="180" HEIGHT="180" SRC="1.jpg" onLoad="setTimeout('rollPics()',1000)">
<!-- the last number here is the delay in one thousanths of a second
- you can change this to something small to watch those images blur-->
</CENTER>
</BODY>
</HTML>
]]>
Return to example