Home Articles FAQs XREF Games Software Instant Books About Feedback Search Site-Map
irt.org logo

Q952 How can I swap images using onMouseOver?

irt.org | Knowledge Base | JavaScript | Image | Q952 [ previous next ]

Q952 How can I swap images using onMouseOver?

Try the following simple code:

<script language="JavaScript"><!--
if (document.images) {
    imageoff = new Image();
    imageoff.src  = 'imageoff.jpg';
    imageon = new Image();
    imageon.src = 'imageon.jpg';
}
  
function change(image,ext) {
    if (document.images)
        document.images[image].src = eval(image + ext + ".src");
}
//--></script>

<a href="nextpage.htm" onMouseOver="change('image','on')" onMouseOut="change('image','off')"><img name="image" src="imageoff.jpg" width="20" height="20" border="0" alt="Image"></a>

Feedback on 'Q952 How can I swap images using onMouseOver?'


Provide feedback ...
AddThis Social Bookmark Button

Provide feedback ... AddThis Social Bookmark Button


Last Updated: 30th March 2008. Maintained by: Martin Webb and Michel Plungjan
irt.org liability, trademark, document use, privacy statement and software licensing rules apply.
Copyright © 1996-2008 irt.org, All Rights Reserved.