|
Post by Schubaltz on Apr 18, 2007 18:45:01 GMT -5
Description: Creates a rollover effect for any images on your forum.
Source: Open
Cross-browser: Yes
Editing: Replace the text in red with your old image URLs and the text in blue with your new ones.
Global Footer <script type="text/javascript"> <!-- // Image Rollover
var img, rollover = [ ["oldImage 1", "oldImage 2", "oldImage 3"], ["newImage 1", "newImage 2", "newImage 3"] ] for(var i in document.images) if(!isNaN(i)) if(new RegExp(rollover[0].join("|")).test(document.images.src)) { document.images.onmouseover = function() { img = this.src; this.src = rollover[1][rollover[0].join(",").split(this.src)[0].split(",").length - 1]; } document.images.onmouseout = function() { this.src = img; } } //--> </script>
|
|