Change Picture / Image onmouseOver
This java script function changes the image or picture when you point/focus your mouse cursor on the image.
Features
- The javascript function will change the image or picture when you focus your mouse cursor on the image.
- Just copy the code in to your page and use it.
Preview
Just point your mouse cursor on the image / picture
Downloads
<!--Script by hscripts.com-->
<!-- more scripts @ https://www.hscripts.com -->
<script type="text/javascript">
var picture1 = "https://www.hscripts.com/freeimages/icons/flowers/artichoke-chocolate/artichoke-chocolate16.gif";
var picture2 = "https://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="https://www.hscripts.com" onMouseOver="mover(image1)" onMouseOut="mout(image2)">
<img name="change" src="https://www.hscripts.com/freeimages/icons/flowers/artichoke-chocolate/artichoke-chocolate8.gif" border=0></a>
<!-- Script by hscripts.com -->
<!-- more scripts @ https://www.hscripts.com -->
<script type="text/javascript">
var picture1 = "https://www.hscripts.com/freeimages/icons/flowers/artichoke-chocolate/artichoke-chocolate16.gif";
var picture2 = "https://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="https://www.hscripts.com" onMouseOver="mover(image1)" onMouseOut="mout(image2)">
<img name="change" src="https://www.hscripts.com/freeimages/icons/flowers/artichoke-chocolate/artichoke-chocolate8.gif" border=0></a>
<!-- Script by hscripts.com -->
- Release Date - 02-01-2007
- Get free version without ©copyright link for just $10/-
- For customization of this script or any script development, mail to support@hscripts.com
Usage
- 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";
<a href="hscripts.com" onMouseOver="mover(image1)" onMouseOut="mout(image2)">
<img name="change" src="Your Picture2"></a>
License
- Click Here for detailed license information.
