JavaScript图片轮显效果

Question

如何用只用setTimeout做图片轮显效果呢？？不用array和image对象。

Answer 1

也就是用最简单的方法。。if  for啥的。。

Answer 2

<div id='img_div' style="width:60;height:80;overflow:hidden;">
<img src='1.jpg' id='img0'>
<img src='2.jpg' id='img1' style='display:none;'>
<img src='3.jpg' id='img2' style='display:none;'>
</div>
<script>
  onload=function() {
   // setTimeout('changeImg()',1000);
changeImg();
  }
  var imgNow = -1;
  var imgMax = 3;
  function changeImg() {
    if(imgNow < imgMax - 1) {
            imgNow++;
    } else {
      imgNow = 0;
    }
    for(var i=0;i<imgMax;i++) {
      if(i == imgNow) {
      document.getElementById('img'+i).style.display = '';
      } else {
        document.getElementById('img'+i).style.display = 'none';
      }
    }
   setTimeout('changeImg()',1000);
  }
</script>
我不知道这样算不算解答了呢？

Answer 3

http://mir2demo.cn/Demo/Js/demo.html
哇 谢谢楼上的大哥。弄好了呵呵 不过 那边上的蓝色边框要怎么去掉呢？

Answer 4

不知道为什么你那里会有边框，好奇怪，好像是你的样式的问题吧？或者试试
<div id='img_div' style="width:60;height:80;overflow:hidden;border:0px;">
？

Answer 5

呵呵，，是border:0px;的原因。。已经好咯