ich verwende folgendes skript:
es sollte bewirken, dass wenn man über ein bestimmten verlinkten bereich auf einem bild mit der maus drüberfährt, sich das bild verändert. das macht es auch, jedoch ist es nun nicht mehr verlinkt, wenn ich auf den bereich klicke werde ich also nicht mehr weitergeleitet. habt ihr vielleicht eine ahnung warum das so ist? kann mir vielleicht jemand helfen wie ich das wieder richtig hinkriegen kann?
HTML:
<script language="JavaScript" type="text/javascript">
<!--
var ImgPath='';
var sImg,MImg,VMImg;
function HiLiteImage(obj,simg,mimg){
sImg=document.getElementById('sub');
MImg=document.getElementById('Main');
VMImg=document.getElementById('ViewMain');
sImg.src=ImgPath+simg;
sImg.style.left=(zxcPos(MImg)[0]+parseInt(obj.coords.split(',')[0]))+'px';
sImg.style.top=(zxcPos(MImg)[1]+parseInt(obj.coords.split(',')[1]))+'px';
sImg.style.visibility='visible';
sImg.main=mimg;
sImg.onmouseout=function(){ this.style.visibility='hidden'; }
sImg.onclick=function(){ VMImg.src=ImgPath+this.main; }
}
function zxcPos(zxc){
zxcObjLeft = zxc.offsetLeft;
zxcObjTop = zxc.offsetTop;
while(zxc.offsetParent!=null){
zxcObjParent=zxc.offsetParent;
zxcObjLeft+=zxcObjParent.offsetLeft;
zxcObjTop+=zxcObjParent.offsetTop;
zxc=zxcObjParent;
}
return [zxcObjLeft,zxcObjTop];
}
//-->
</script>
...
<img src="Blank.gif" id="sub" height=23 style="position:absolute;" >
<map name="PINLINKSSBRACELETS" id="PINLINKSSBRACELETS">
<area shape="rect" coords="549,3,656,26" onmouseover="HiLiteImage(this,'newsletter.jpg','newsletter.jpg');" href="index.php?site=newsletter" alt="Newsletter">
<area shape="rect" coords="447,3,536,26" onmouseover="HiLiteImage(this,'kontakt.jpg','kontakt.jpg');" href="index.php?site=kontakt" alt="Kontakt">
<area shape="rect" coords="343,3,431,26" onmouseover="HiLiteImage(this,'releases.jpg','releases.jpg');" href="index.php?site=releases" alt="Releases">
<area shape="rect" coords="273,3,332,26" onmouseover="HiLiteImage(this,'fotos.jpg','fotos.jpg');" href="index.php?site=fotos" alt="Fotos">
<area shape="rect" coords="195,3,258,26" onmouseover="HiLiteImage(this,'musik.jpg','musik.jpg');" href="index.php?site=musik" alt="Musik">
<area shape="rect" coords="127,3,183,26" onmouseover="HiLiteImage(this,'news.jpg','news.jpg');" href="index.php?site=news" alt="News">
</map>es sollte bewirken, dass wenn man über ein bestimmten verlinkten bereich auf einem bild mit der maus drüberfährt, sich das bild verändert. das macht es auch, jedoch ist es nun nicht mehr verlinkt, wenn ich auf den bereich klicke werde ich also nicht mehr weitergeleitet. habt ihr vielleicht eine ahnung warum das so ist? kann mir vielleicht jemand helfen wie ich das wieder richtig hinkriegen kann?
