this is so confusing!!!!!!!! (or at least i'm making it confusing)
so far I have 5 objects, in which when I roll the mouse over I need it to switch to an image....
I keep on getting "object null" errors so far
here the code (so far):
<HTML>
<HEAD>
<TITLE> Show Animals </TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
function change_image(image_name) {
document.imagemap.src = image_name;
}
function reset_image() {
document.imagemap.src = "imagemap.jpg";
}
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->
</SCRIPT>
</HEAD>
<BODY>
<IMG SRC="imagemap.jpg" USEMAP="#imagemap_map" NAME="Animals">
<MAP NAME="imagemap_map">
<area shape=circle coords="62,130,37,121" HREF="dog.jpg"
onMouseOver="change_image('dog.jpg')" onMouseOut = "reset_image()"
onClick="return false">
<area shape=poly coords="59,186" HREF=""
onMouseOver = "change_image('cat.jpg')" onMouseOut = "reset_image()"
onClick="return false">
<area shape=poly coords="208,215" HREF=""
onMouseOver = "change_image('cows.gif')" onMouseOut = "reset_image()"
onClick="return false">
<area shape=poly coords="237,292" HREF=""
onMouseOver = "change_image('horses.jpg')" onMouseOut = "reset_image()"
onClick="return false">
<area shape=poly coords="55,255" HREF=""
onMouseOver = "change_image('birds.jpg')" onMouseOut = "reset_image()"
onClick="return false">
</MAP>
</HEAD>
<BODY>
</BODY>
</HTML>
so far I have 5 objects, in which when I roll the mouse over I need it to switch to an image....
I keep on getting "object null" errors so far
here the code (so far):
<HTML>
<HEAD>
<TITLE> Show Animals </TITLE>
<SCRIPT LANGUAGE="JavaScript1.2">
<!-- HIDE FROM INCOMPATIBLE BROWSERS
function change_image(image_name) {
document.imagemap.src = image_name;
}
function reset_image() {
document.imagemap.src = "imagemap.jpg";
}
// STOP HIDING FROM INCOMPATIBLE BROWSERS -->
</SCRIPT>
</HEAD>
<BODY>
<IMG SRC="imagemap.jpg" USEMAP="#imagemap_map" NAME="Animals">
<MAP NAME="imagemap_map">
<area shape=circle coords="62,130,37,121" HREF="dog.jpg"
onMouseOver="change_image('dog.jpg')" onMouseOut = "reset_image()"
onClick="return false">
<area shape=poly coords="59,186" HREF=""
onMouseOver = "change_image('cat.jpg')" onMouseOut = "reset_image()"
onClick="return false">
<area shape=poly coords="208,215" HREF=""
onMouseOver = "change_image('cows.gif')" onMouseOut = "reset_image()"
onClick="return false">
<area shape=poly coords="237,292" HREF=""
onMouseOver = "change_image('horses.jpg')" onMouseOut = "reset_image()"
onClick="return false">
<area shape=poly coords="55,255" HREF=""
onMouseOver = "change_image('birds.jpg')" onMouseOut = "reset_image()"
onClick="return false">
</MAP>
</HEAD>
<BODY>
</BODY>
</HTML>
