Question

如何通过jS修改图片路径来定时更换图片{轮播特效}

Answer 1

用js来修改图片路径实现轮播是不太可取的一种办法，通常的做法是：
把需要轮播的图片全部罗列出来，用js控制轮流显示第几张图片，
EX：
html代码：
<div id="lunbo">
<div id="img1" class="img"><img src="**"></div>
<div id="img2" class="img"><img src="**"></div>
<div id="img3" class="img"><img src="**"></div>
</div>
css代码：
#lunbo{width:100%;height:300px;position:relative;zoom:1;overflow:hidden}
#lunbo div{width:100%;height:100%;position:absolute;left:0;top:0;display:none}
#lunbo div:first-child{display:block}
img{width:100%;height:100%;border:0;display:block}
js代码：
<script type="text/javascript">
var t=0;
setInterval(function(){
t++;
if(t>2)t=0;
document.querySelector(".img").style.display="none";

document.querySelector("#img"+t.toString()).style.display="block";
},5000);
</script>