<script>
  var img_a = new Image();
  var img_b = new Image();
  var img_c = new Image();
  img_a.src = "a.gif";
  img_b.src = "b.gif";
  img_c.src = "c.gif";
  function changeImage(id){
    var img = document.getElementById("changeimg");
switch(id){
  case 1:
    img.src = img_a.src;
    break;
  case 2:
    img.src = img_b.src;
    break;
  case 3:
    img.src = img_c.src;
    break;
}
  }
</script>
<img id="changeimg" src="a.gif">
<input type=button value=a图 onclick="javascript:changeImage(1);">
<input type=button value=b图 onclick="javascript:changeImage(2);">
<input type=button value=c图 onclick="javascript:changeImage(3);">

解决方案 »

  1.   

    <script>
      var img_a = new Image();
      var img_b = new Image();
      var img_c = new Image();
      var i=1;
      img_a.src = "a.gif";
      img_b.src = "b.gif";
      img_c.src = "c.gif";
      function changeImage(id){
        var img = document.getElementById("changeimg");
    switch(id){
      case 1:
        img.src = img_a.src;
        break;
      case 2:
        img.src = img_b.src;
        break;
      case 3:
        img.src = img_c.src;
        break;
    }
      }
      
      function autochangeImage(){
    if(i>3) i=1;
    changeImage(i++);
      } 
      setInterval(autochangeImage,1000);
    </script>
    <img id="changeimg" src="a.gif">
    <input type=button value=a图 onclick="javascript:changeImage(1);">
    <input type=button value=b图 onclick="javascript:changeImage(2);">
    <input type=button value=c图 onclick="javascript:changeImage(3);">
      

  2.   

    你只完成了静态的点击功能,不点击A图,B图,C图三个链接时,
    如果不点击,10秒出现一张,循环出现三张图片,并代有连接,就是本身路径,点击出先新页面显示大图 但是页面不可以刷新,谢谢
      

  3.   

    可以使用setTimeout("changeImage()",10) 函数实现,changeImage()是你要调用的函数,10是十秒。
      

  4.   

    呵呵 谢谢 谢谢 但是我的图片的路径是存在数据库的希望可以在javascript中调用asp,完成数据的读出并负值给变量 
    还有阿 就是显示的图片上也要有链接 谢谢
      

  5.   

    给显示图片的地方加上<a href="img/a.jpg"></a>就行了。
      

  6.   

    <body onload="NextImg()">
    <script>
    var ImgUrl=new Array();
    var ImgLink=new Array();
    var iCount=0;
    ImgUrl[1]="参加补给训练的海军167驱逐舰.jpg";
    ImgLink[1]="#";
    ImgUrl[2]="中国的航母.jpg";
    ImgLink[2]="#";
    ImgUrl[3]="中国自行火炮系列.jpg";
    ImgLink[3]="#";
    ImgUrl[4]="中国人民警察警种分辨99式警服的警监警衔.jpg";
    ImgLink[4]="#";
    ImgUrl[5]="中国人民警察警种分辨99式警服的专业胸徽.jpg";
    ImgLink[5]="#";var ImgPre=new Array();
    var kCount=0;
    for(iIndex=1;iIndex<=5;iIndex++)
    {
    if((ImgUrl[iIndex]!="")&&(ImgLink[iIndex]!=""))
    {
    kCount++;
    }
    else
    {
    break;
    }
    }
    function PlayTran()
    {
    if(document.all)
    ImgInit.filters.revealTrans.play();
    }var iKey=0;
    function NextImg()
    {
    if(iCount<kCount)iCount++;
    else iCount=1;

    if(iKey==0)
    {
    iKey=1;
    }
    else if(document.all)
    {
    ImgInit.filters.revealTrans.Transition=6;
    ImgInit.filters.revealTrans.apply();
                    PlayTran(); }
    document.images.ImgInit.src=ImgUrl[iCount];
    TheTimer=setTimeout("NextImg()",3000);
    }function GoUrl()
    {
    JumpUrl=ImgLink[iCount];
    JumpTarget='_blank';
    if(JumpUrl!='')
    {
    if(JumpTarget!='')
    window.open(JumpUrl,JumpTarget);
    else
    location.href=JumpUrl;
    }
    }
    </script>
    <a href="javascript:GoUrl()"><img style="border-left-color:black;filter:revealTrans(duration=2,transition=20);border-bottom-color:black;color:#000000;border-top-color:black;border-right-color:black;" height=400 width=500 src="歼10.jpg" border=1 name=ImgInit></a>