Change image in mouse in and out event

  

<HTML>
<HEAD>
<SCRIPT language="JavaScript">
if (document.images){
     var pic1_init= new Image();
     pic1_init.src="home.gif";
    
     var pic1_new= new Image();
     pic1_new.src="home1.gif"; 
}

function change_it(the_name){
     if (document.images){
          document.images[the_name].src= eval(the_name+"_new.src");
     }
}

function change_back(the_name)
{
     if (document.images)
     {
          document.images[the_name].src= eval(the_name+"_init.src");
     }
}
</SCRIPT>
</HEAD>
<BODY>
<A HREF="#" onMouseOver="change_it('pic1')" onMouseOut="change_back('pic1')">
  <IMG SRC="home.gif" name="pic1" id="pic1">
</A>
</BODY>

</HTML>

Related examples in the same category

1.	Get the file name specified in the href or src property
2.	Image dynsrc
3.	Low resolution Image src
4.	Image Long Description
5.	Image width Example
6.	Does image download completely
7.	Alternative Information Example
8.	Image align Example
9.	Image 'src' Property
10.	'height' Example
11.	'readyState' Example
12.	'galleryImg' Example
13.	Monitors the load process and the display of pictures
14.	Image Animation
15.	Image array
16.	Replace image
17.	An animating image
18.	Mouse in image and out
19.	Scrolling Image
20.	Change the height of an image
21.	Change image
22.	Change image width
23.	Count images in a document
24.	Image Event Handling
25.	Methods and Properties of the Image Object
26.	Testing an Image's align Property
27.	A Scripted Image Object and Rotating Images
28.	Scripting image.complete
29.	Changing Between Still and Motion Images
30.	Simple Image Replacement
31.	Image Error Finder
32.	Image element
33.	Image Roller Machine
34.	Use array to store the image names
35.	Img onmouseover and onmouseout actions
36.	Change vspace for image
37.	Change image src
38.	Set image height
39.	Set image alt message
40.	Change image align
41.	Change image title

Change image in mouse in and out event : Image Img « HTML « JavaScript DHTML

Related examples in the same category