Copy and paste this into your HTML editor, replacing the words in red with the appropriate paths.
<html>
<head>
<script language = "javascript"><!--
if (document.images) { // Active Images
img1on = new Image();
img1on.src = "pic_on.jpg";
img1off = new Image();
img1off.src = "pic_off.jpg"; }
// Function to 'activate' images.
function imgOn(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "on.src");
}
}
// Function to 'deactivate' images.
function imgOff(imgName) {
if (document.images) {
document[imgName].src = eval(imgName + "off.src");
}
}
// -->
</script>
<title>Your Page Title</title>
</head>
<body>
<div><a href="http://www.yourpage.com" onMouseOver="imgOn('img1')"
onMouseOut="imgOff('img1')">
<img name="img1" src="pic_off.jpg" border="0" title="Your Pic"></a></div>
</body>
</html>