Part one is the JavaScript function you need to
change images
Put first part of the script anywhere between your head tags. (<head> and </head>)
Change "your animated gif" to the path
of the gif you want to use when mouse is over image (link). Ex.
"bullets/bul2on.gif"
Change "your static gif" to the path of
the gif you want to use when mouse is out of the image (link). Ex.
"bullets/bul2off.gif"
Part two is the DHTML to call the JavaScript
function
Put onMouseOver and onMouseOut part inside of the
anchor tag. Ex. <a href="home.htm"
onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1',
'image1off')">
Put name of the image inside of the img tag (in
this script its image1).
Ex. <img name="image1" border="0" src="bullets/bullstatic.gif"
width="19" height="15">
Part 1. Put this part between your head tags:
<script language="JavaScript">
<!--
if (document.images) {
image1on = new Image();
image1on.src = "your animated gif";
image1off = new Image();
image1off.src = "your static gif";
}
function changeImages() {
if (document.images) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
}}}
// -->
</script>
Part 2. Put this line inside of the anchor tag of the link:
Close this window