// JavaScript Document /* Rollover script change these to whatever to however the rollover state in your images are named remember to link this in an external JS file and to place at the bottom of each page, right before the tag Also, have to remove all onmouseover and onmouse out script generated by DW in the image tags, and remove the "onload" event in the . Also var navID = document.getElementById(" CHANGE TO WHATEVER THE DIV NAME IS"); */ // Rollover Script function LoadNav() { var navID = document.getElementById("rightcolA"); //this is the Id you give to whatever div you want your rollovers in var navImages = navID.getElementsByTagName("img"); //this tell the script to look for IMG tags for(var i = 0; i <= navImages.length - 1; i++) { var preloadImg = new Image(); preloadImg.src = navImages[i].src.replace("normal", "over"); //name your images *_normal.xxx and *_over.xxx // Don't worry about anything below this line navImages[i].onmouseover = function() { this.src = this.src.replace("normal", "over"); } navImages[i].onmouseout = function() { this.src = this.src.replace("over", "normal"); } } }