<script type="text/javascript">
picture1 = new Image;
picture1.src = "picture/loading.jpg";
picture2 = new Image;
picture2.src = "picture/loader.jpg";
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a href="page5.html" onmouseover="document.picture2.src=picture2.src"
onmouseout="document.picture1.src=picture1.src">
<img name="picture" src="picture/loading.jpg" alt="image" />
</a>
</div>
</form>
</body>
this is my code when i debug this it showing:
Microsoft JScript runtime error: 'document.picture2' is null or not an object
But i already assign value to the ‘document.picture2’
The global object is
windownotdocument. Therefore you may want to usewindow.picture2.srcinstead ofdocument.picture2.src.In addition, you should probably give a unique
idto your elements and reference them usingdocument.getElementById():…is referenced using: