This java script function changes the image or picture when you point/focus your mouse cursor on the image.
Features
a)The javascript function will change the image or picture when you focus your mouse cursor on the image.
b)Just copy the code in to your page and use it.
Preview
Just point your mouse cursor on the image / picture
Code
<!-- Script by hscripts.com -->
<!-- copyright of HIOX INDIA -->
<!-- more scripts @ http://www.hscripts.com -->
<script type="text/javascript">
var picture1 = "http://www.hscripts.com/freeimages/icons/flowers/artichoke-chocolate/artichoke-chocolate16.gif";
var picture2 = "http://www.hscripts.com/freeimages/icons/flowers/artichoke-chocolate/artichoke-chocolate8.gif";
if (document.images) {
image1 = new Image();
image1.src = picture1
image2 = new Image();
image2.src = picture2;
}
function mover(img){
document["change"].src = img.src;
}
function mout(img){
document["change"].src = img.src;
}
</script>
<a href="http://www.hscripts.com" onMouseOver="mover(image1)" onMouseOut="mout(image2)">
<img name="change" src="http://www.hscripts.com/freeimages/icons/flowers/artichoke-chocolate/artichoke-chocolate8.gif" border=0></a>
<!-- Script by hscripts.com -->
For customization of this script or any script development, contact us at support@hscripts.com
Usage
a)To use your own image specify the proper path or name of the image in the javascript code.
var picture1 = "Your Picture1";
var picture2 = "Your Picture2";
b)Now make the following changes in the html code
<a href="hscripts.com" onMouseOver="mover(image1)" onMouseOut="mout(image2)">
<img name="change" src="Your Picture2"></a>
Just copy the code and use it for free
License
- The javascript (misspelled as java script) is given under GPL License
- i.e. Free use for those who use the codes as it is.
- Free, if your modification does not remove our copyright information and links.
- Click Here for detailed license information.
- You can purchase the script if your requirements does not meet our GPL License terms.