Home/ Questions/Q 8300733
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-08T16:40:06+00:00

i’ve this simple piece of code that don’t work in Internet Explorer, but do

  • 0

i’ve this simple piece of code that don’t work in Internet Explorer, but do work in Chrome, Firefox etc.
It is a simple button image ‘rollover’ .

<html>
<head>
</head>
<body>
    <img src="p1.png" name="img1"  onMouseOver="document.images[0].src='p2.png'" onMouseOut="document.images[0].src='p1.png'" ></a>
</body>
</html>

What’s wrong in IE 6,7,8 ?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Change your code to this:

    <html>
    <head>
    </head>
    <body>

        <img src="p1.png" name="img1"  onMouseOver="this.src='p2.png'" onMouseOut="this.src='p1.png'" />

    </body>
</html>

    Also, I if your HTML page contains more data the the HTML page you’ve showed in your question, I suggest you put this code in the beginning of the <body> in order to preload the rollover image so there will be no delay when you want the rollover to work (otherwise, the rollover image will be downloaded to the user’s device only when he hovers the image, causing a slight delay to the rollover (depending on the onMouseOver image size)):

    <img src="p2.png" class="hiddenPic" />
<!-- loading (hidden) rollover image before all the other page data -->

    And add the CSS hiddenPic class code: .hiddenPic { display: none; }

    Other methods to preload the rollover image can be done using CSS or the JavaScript onLoad event handler.

    • 0