高手请进，说难也不难，说容易也不容易

上面就是所有代码了，我给你加上可用的图片吧。
<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]="http://www.xinhuanet.com/xin_072120306071512557105.jpg";
imgLink[1]="#";
title[1]="标题1";
map[1]="imgInitMap01";
imgUrl[2]="http://www.xinhuanet.com/photo/xin_32212030608443752962651.jpg";
imgLink[2]="#";
title[2]="标题2";
map[1]="imgInitMap02";
imgUrl[3]="http://www.xinhuanet.com/photo/xin_5121203051505015199427.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>

解决方案 »

  1.   

    用这个吧，能正常运行<html><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]="http://images.google.cn/images?q=tbn:9HoWBPNZfWtvTM:http://www.qqread.com/ArtImage/20060610/pf173_5.jpg";
    imgLink[1]="http://www.google.com/";
    title[1]="标题1";
    map[1]="#imgInitMap01";
    imgUrl[2]="http://images.google.cn/images?q=tbn:iT_iS9YA29dloM:http://image2.sina.com.cn/gm/downgames/image/2003/10/1_115-29-564-654_2003102915372.jpg";
    imgLink[2]="#";
    title[2]="标题2";
    map[2]="#imgInitMap02";
    imgUrl[3]="http://images.google.cn/images?q=tbn:Yx63TTibt7ZYfM:http://www.isblog.cn/UploadFiles/2006-7/72229058.jpg";
    imgLink[3]="#";
    title[3]="标题3";
    map[3]="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()", 3000);
    }function nextMap(){
    jumpMap=map[adNum];
    if (jumpMap!=''){
     document.images.imgInit.usemap=jumpMap;
     }
    }/*这个方法是原有的图片链接方法我想加热区所以注释掉了
    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 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="30,19,125,106" href="http://www.comhuan.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="#"></map>
    <map name="imgInitMap03"><area shape="rect" coords="12,8,39,29" href="#"><area shape="rect" coords="57,10,91,29" href="#"></map>
    </div>
    </body>
    </html>
      

  2.   

    <html><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]="http://images.google.cn/images?q=tbn:9HoWBPNZfWtvTM:http://www.qqread.com/ArtImage/20060610/pf173_5.jpg";
    imgLink[1]="http://www.google.com/";
    title[1]="标题1";
    map[1]="#imgInitMap01";
    imgUrl[2]="http://images.google.cn/images?q=tbn:iT_iS9YA29dloM:http://image2.sina.com.cn/gm/downgames/image/2003/10/1_115-29-564-654_2003102915372.jpg";
    imgLink[2]="#";
    title[2]="标题2";
    map[2]="#imgInitMap02";
    imgUrl[3]="http://images.google.cn/images?q=tbn:Yx63TTibt7ZYfM:http://www.isblog.cn/UploadFiles/2006-7/72229058.jpg";
    imgLink[3]="#";
    title[3]="标题3";
    map[3]="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];
     document.images.imgInit.useMap=map[adNum];
    theTimer=setTimeout("nextAd()", 3000);
    }
    /*这个方法是原有的图片链接方法我想加热区所以注释掉了
    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 src="javascript:nextAd()"  name="imgInit"  width="300" height="200" border=0  style="FILTER: revealTrans(duration=1,transition=20); border=0">
    <map name="imgInitMap01"><area shape="rect" coords="30,19,125,106" href="http://www.comhuan.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="#"></map>
    <map name="imgInitMap03"><area shape="rect" coords="12,8,39,29" href="#"><area shape="rect" coords="57,10,91,29" href="#"></map>
    </div>
    </body>
    </html>