Full version: jsB@nk » Image » DOM Image Rollover v3.0
URL: https://www.javascriptbank.com/dom-image-rollover-v3-index.html
Image rollovers represent the classic and 'timeless' JavaScript effect. Well, this DOM script makes the process of adding them as simple as can be, by allowing you to apply a rollover to any image through just the insertion of a class attribute inside the image's tag.This script works in all DOM (Document Object Model) compliant browsers.
Full version: jsB@nk » Image » DOM Image Rollover v3.0
URL: https://www.javascriptbank.com/dom-image-rollover-v3-index.html
<script type="text/javascript">//=====================================================================// DOM Image Rollover v3 (hover)//// Demo: http://chrispoole.com/scripts/dom_image_rollover_hover//=====================================================================// copyright Chris Poole// http://chrispoole.com// This software is licensed under the MIT License // <http://opensource.org/licenses/mit-license.php>//=====================================================================function domRollover() {if (navigator.userAgent.match(/Opera (\S+)/)) {var operaVersion = parseInt(navigator.userAgent.match(/Opera (\S+)/)[1]);}if (!document.getElementById||operaVersion <7) return;var imgarr=document.getElementsByTagName('img');var imgPreload=new Array();var imgSrc=new Array();var imgClass=new Array();for (i=0;i<imgarr.length;i++){if (imgarr[i].className.indexOf('domroll')!=-1){imgSrc[i]=imgarr[i].getAttribute('src');imgClass[i]=imgarr[i].className;imgPreload[i]=new Image();if (imgClass[i].match(/domroll (\S+)/)) {imgPreload[i].src = imgClass[i].match(/domroll (\S+)/)[1]}imgarr[i].setAttribute('xsrc', imgSrc[i]);imgarr[i].onmouseover=function(){this.setAttribute('src',this.className.match(/domroll (\S+)/)[1])}imgarr[i].onmouseout=function(){this.setAttribute('src',this.getAttribute('xsrc'))}}}}domRollover();</script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><img src="offgreen.gif" class="domroll ongreen.gif"><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->
http://javascriptbank.com/javascript/image/DOM_Image_Rollover_v3/ongreen.gifhttp://javascriptbank.com/javascript/image/DOM_Image_Rollover_v3/offgreen.gif