Forum Moderators: open
You can see it here: <snip>
My code:
<html>
<head><title></title>
<script type="text/javascript">
<!--
Image1=new Image();
Image1.src="460_01b.bmp";
Image2=new Image();
Image2.src="460_01.bmp";
function MouseOver(image,status,mous){
document.images[mous].src=image;
window.status=status;
}
function MouseOut(image,status,mous){
document.images[mous].src=image;
window.status=status;
}
//-->
</script>
</head>
<body>
<a href="" onMouseOver="MouseOver('460_01.bmp','','mouse1'); return true;" onMouseOut="MouseOut('460_01b.bmp','','mouse1'); return true;"><img src="460_01b.bmp" name="mouse1" alt=""></a>
</body>
</html
[edited by: encyclo at 6:25 pm (utc) on Nov. 11, 2006]
[edit reason] no personal URLs please, see forum charter [/edit]
I don't think there is anything you can do about this other than trying a different method. I generally use onClick and open a new window with an image with larger dimensions.
Resizing it right there in the window doesn't seem to be the best way.
Good luck!
Second here's a favorite post by Fotiman [webmasterworld.com] where you can completely remove the mouseover code from the link itself, allowing you to use clean html code that's not cluttered up with Javascript. Basically you attach a behavior to the document by defining the behavior first.