This mouse-over will
have a nice effect when
placed near the end of a page or at a spot where
a lot of text or pictures catch the visitors eyes.
For it takes some time to load.
How to put it on your page is explained
at the right.
1. Put the next scripts in de
head:
<SCRIPT language="JavaScript">
<!--
var preload=new Image();
preload.src="(images/worm02b.gif)";
-->
</SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
image1 = new Image();
image1.src = "images/worm02a.gif";
</SCRIPT>
2. Copy this HTML line in the body at the
location where you want to show the mouse-over:
<img name="image1" src="images/worm02a.gif"
onmouseover="image1.src='images/worm02b.gif';" onmouseout="image1.src='images/worm02a.gif';"
width="197"height="132" alt="said the
Worm">
3. Download the images by
right-clicking the links below and choosing "save
target as" from the pop-op menu.
Put them in the folder where you keep the images for your
site. In the HTML above the folder is called "images".