what the hell is wrong
I can't find a SINGLE thing wrong with this code. I've used this technique for mouseovers for ages and all of a sudden it doesn't want to work. Says "object does not support property" or some-such.
Any IDEAS? WTF??
<html>
<head>
<script type="text/javascript">
<!-- PRELOADED IMAGES -->
pole= new Image()
pole.src= "images/pole.gif"
poleOver= new Image()
poleOver.src= "images/poleOverBio.gif"
function poleOver()
{ document.pole.src = poleOver.src; return true; }
function Original()
{ document.pole.src = pole.src; return true; }
<!-- END IMAGE SCRIPT -->
</script>
</head>
<body link="#FFCC00" vlink="#FFCC00" alink="#FFCC00">
<a href="bio.html"><img name="pole" src="images/pole.gif" border="0" alt="boobs" onMouseOver="
poleOver()" onmouseout="Original()"></a>
</body>
</html>
Any IDEAS? WTF??
<html>
<head>
<script type="text/javascript">
<!-- PRELOADED IMAGES -->
pole= new Image()
pole.src= "images/pole.gif"
poleOver= new Image()
poleOver.src= "images/poleOverBio.gif"
function poleOver()
{ document.pole.src = poleOver.src; return true; }
function Original()
{ document.pole.src = pole.src; return true; }
<!-- END IMAGE SCRIPT -->
</script>
</head>
<body link="#FFCC00" vlink="#FFCC00" alink="#FFCC00">
<a href="bio.html"><img name="pole" src="images/pole.gif" border="0" alt="boobs" onMouseOver="
poleOver()" onmouseout="Original()"></a>
</body>
</html>
