[CB] Image rollover effect

[Peter]

Global Footer
This script will allow you to change any image on your forum to have a rollover.

<script type="text/javascript">
<!--

// Image rollover effect

function doRollOver(oldsrc, newsrc, title){
    var img = {
        oldsrc: null,
        oldtitle: null
    };
    var iImg = document.getElementsByTagName("img");
    for(i = 0; i < iImg.length; i ++){
        if(iImg.item(i).src.match(new RegExp(oldsrc))){
            iImg.item(i).onmouseover = function(){
                img.oldsrc = this.src;
                img.oldtitle = this.alt;
                this.src = newsrc;
                this.title = title;
            }
            iImg.item(i).onmouseout = function(){
                this.src = img.oldsrc;
                this.title = img.oldtitle;
            }
        }
    }
}

doRollOver("IMAGE TARGET", "OVER IMAGE", "TITLE");

//-->
</script>

An example of how to change the home button in the menu would be...

doRollOver("/home.gif", "http://www.proboards8.com/v4images/menu/help.gif", "Help");

That would change the button to the help button.

You can add as many as you like