H I O X INDIA
FREE Javascript
Google
Web hscripts.com
 HOME  ||  Scripts  ||  Purchase  ||  Tutorials  ||  Images  ||  Tools  ||  Directories 
  :-)  Send Page   :-)   Feedback   :-)   Register   :-)   Links   :-)   Support   :-)   Bookmarks :-)  
 Forums   Hosting   Internet Stats   Easy Calculation   FUN Games 

Java Script Source
List All
Date & Time
Calendar
Stop Watch script
Slide Show
Image Effect
Mouse Effects
Color Picker Tool
Dynamic Color
Random Generator
Select All
Form Validation
Textbox Counter
Dynamic Form select
Bookmark
Window / User Info
Security / Authenticate
Status Bar
Title Bar
Cursor Position
Country List
Calculators
Delete Repeated Values
Alphanumeric
Free Games





Change Picture / Image onmouseOver


About
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 language="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 -->
Release Date - 02-01-2007

Get free version without ©copyright link for just 5



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
- This javascript (misspelled as java script)/HTML code is given under GPL License
- i.e. Free use for those who use it as it is.
- Free, if your modification does not remove our copyright information and links.
- Detailed License information can be found here
- You can purchase the script if your requirements does not meet GPL License terms.


privacy policy     license     sitemap
© 2004-2005 HIOX INDIA - hioxindia.com

Others