带翻动的滤镜效果的图片如何加热区使其能链接多个URL？（附代码）

没有图片的热区呀，你是想放链接？
放进imgLink[1]="#";数组里，例如<html>
<body>
<script language="JavaScript">
var imgUrl=new Array();
var imgLink=new Array();
var title=new Array();
var adNum=0;
imgUrl[1]="beauty/1.jpg";
imgLink[1]="http://blog.never-online.net";
title[1]="标题1";
imgUrl[2]="http://csdn.net";
imgLink[2]="http://csdn.net";
title[2]="标题2";
imgUrl[3]="http://cpp.com";
imgLink[3]="http://cpp.com";
title[3]="标题3";
var r=0;
for (i=1;i<=3;i++) {
if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
  r++;
} else {
  break;
}
}
function playTran(){
if (document.all)
  imgInit.filters.revealTrans.play();
}
var key=0;
function nextAd(){
if(adNum<r)adNum++ ;
else adNum=1;
if( key==0 ){
  key=1;
} else if (document.all){
  imgInit.filters.revealTrans.Transition=19;
  imgInit.filters.revealTrans.apply();
  playTran();
}
document.images.imgInit.src=imgUrl[adNum];
document.images.imgInit.title=title[adNum];
theTimer=setTimeout("nextAd()", 2000);
}
function goUrl(){
jumpUrl=imgLink[adNum];
jumpTarget='_blank';
if (jumpUrl != ''){
  if (jumpTarget != '') 
   window.open(jumpUrl,jumpTarget);  
else
   location.href=jumpUrl;
}
}
</script>
<div>
<a href="javascript:goUrl()"><img style="FILTER: revealTrans(duration=1,transition=20); border=0" src="javascript:nextAd()"  width="100" height="100" border=0  name="imgInit"></a>
</div>
</body>
</html>

解决方案 »

  1.   

    我直接在URL后面加map不起作用
      

  2.   

    我现在改成了这样，加了个调用热区的方法，但还是没有反应...<body>
    <script language="JavaScript">
    var imgUrl=new Array();
    var imgLink=new Array();
    var title=new Array();
    var map=new Array();
    var adNum=0;
    imgUrl[1]="beauty/dreams2c/11.jpg";
    imgLink[1]="#";
    title[1]="标题1";
    map[1]="imgInitMap01";
    imgUrl[2]="beauty/dreams2c/22.jpg";
    imgLink[2]="#";
    title[2]="标题2";
    map[1]="imgInitMap02";
    imgUrl[3]="beauty/flyinsky001/1.jpg";
    imgLink[3]="#";
    title[3]="标题3";
    map[1]="imgInitMap03";
    var r=0;
    for (i=1;i<=3;i++) {
    if( (imgUrl[i]!="") && (imgLink[i]!="") ) {
      r++;
    } else {
      break;
    }
    }
    function playTran(){
    if (document.all)
      imgInit.filters.revealTrans.play();
    }
    var key=0;
    function nextAd(){
    if(adNum<r)adNum++ ;
    else adNum=1;
    if( key==0 ){
      key=1;
    } else if (document.all){
      imgInit.filters.revealTrans.Transition=19;
      imgInit.filters.revealTrans.apply();
      playTran();
    }
    document.images.imgInit.src=imgUrl[adNum];
    document.images.imgInit.title=title[adNum];
    theTimer=setTimeout("nextAd()", 5000);
    }
    function nextMap(){
    jumpMap=map[adNum];
    if (jumpMap!=''){
     document.images.imgInit.usemap=jumpMap;
     }
    }<div>
    <img src="javascript:nextAd()"  name="imgInit"  width="300" height="200" border=0 usemap="javascript:nextMap()" style="FILTER: revealTrans(duration=1,transition=20); border=0">
    <map name="imgInitMap01"><area shape="rect" coords="12,8,39,29" href="http://www.google.com"><area shape="rect" coords="57,10,91,29" href="www.sohu.com"></map>
    <map name="imgInitMap02"><area shape="rect" coords="12,8,39,29" href="http://www.163.com"><area shape="rect" coords="57,10,91,29" href="www.yahoo.com"></map>
    <map name="imgInitMap03"><area shape="rect" coords="12,8,39,29" href="www.263.com"><area shape="rect" coords="57,10,91,29" href="www.baidu.com"></map>
    </div>
    </body>