I’m having some problems with an image map / javascript image swap. everything works fine in Firefox & Chrome but IE 7 & 8 fail (what’s new?) I’m guessing it has something to do with my javascript syntax so if you all see something I don’t please let me know. Thanks!
[B]Site URL: [URL=”http://cash4scrap.aquablueweb.com”]http://cash4scrap.aquablueweb.com
[B]The HTML:
[CODE]<img id=”Image-Maps_9201011041416461″ src=”/images/keyword-search2.jpg” usemap=”#Image-Maps_9201011041416461″ border=”0″ width=”900″ height=”429″ alt=”” style=”left:0; position:absolute; top:0; z-index:1;” />
<map id=”_Image-Maps_9201011041416461″ name=”Image-Maps_9201011041416461″>
<area onmouseover=”MM_swapImage(‘Image-Maps_9201011041416461′,”,’/images/tail-light2.jpg’,1)” onmouseout=”MM_swapImgRestore()” shape=”poly” coords=”197,280,236,280,245,243,236,233,208,236,200,251″ href=”http://www.image-maps.com/” alt=”tail-light2″ title=”tail-light2″ />
<area onmouseover=”MM_swapImage(‘Image-Maps_9201011041416461′,”,’/images/tail-light2.jpg’,1)” onmouseout=”MM_swapImgRestore()” shape=”poly” coords=”100,237,86,237,80,255,78,273,96,274,97,256″ href=”http://www.image-maps.com/” alt=”tail-light2″ title=”tail-light2″ />
<area onmouseover=”MM_swapImage(‘Image-Maps_9201011041416461′,”,’/images/bumper2.jpg’,1)” onmouseout=”MM_swapImgRestore()” shape=”poly” coords=”278,291,258,279,251,285,201,284,188,301,99,298,96,282,81,281,73,287,75,314,80,334,143,343,219,345,250,347,264,313″ href=”http://www.image-maps.com/” alt=”rear-bumper” title=”rear-bumper” />
<area onmouseover=”MM_swapImage(‘Image-Maps_9201011041416461′,”,’/images/fender2.jpg’,1)” onmouseout=”MM_swapImgRestore()” shape=”poly” coords=”391,297,404,274,418,279,416,260,394,248,388,255,388,277″ href=”http://www.image-maps.com/” alt=”fender2″ title=”fender2″ />
<area onmouseover=”MM_swapImage(‘Image-Maps_9201011041416461′,”,’/images/mirror2.jpg’,1)” onmouseout=”MM_swapImgRestore()” shape=”poly” coords=”376,247,389,245,398,234,379,223,371,236″ href=”http://www.image-maps.com/” alt=”mirror” title=”mirror” />
</map>
[B]The Javascript:
[CODE]<script type=”text/javascript”>
<!–
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf(“#”)!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf(“?”))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//–>
MM_preloadImages(‘/images/bumper.jpg’, ‘/images/fender.jpg’, ‘/images/grill.jpg’, ‘/images/hood.jpg’, ‘/images/headlight.jpg’, ‘/images/mirror.jpg’, ‘/images/fog-light.jpg’, ‘/images/signal-light.jpg’, ‘/images/rear-bumper.jpg’, ‘/images/tail-light.jpg’, ‘/images/tail-light2.jpg’, ‘/images/mirror2.jpg’, ‘/images/bumper2.jpg’, ‘/images/fender2.jpg’);
</script>