自动更换图片，这个是用定时器做的。下面是简单的代码，仅供参考：
<style>*{ margin:0 padding:0 list-style:none}
#box{ width:840px border:1px solid #000 height:210px margin:30px auto position:relative overflow:hidden}
#box ul{ position:absolute left:0 top:0}
#box ul li{ width:200px height:200px float:left padding:5px}
</style>
<script>
window.onload=function(){
var oBox=document.getElementById('box')
var oUl=oBox.children[0]
var aLi=oUl.children
//复制一份内容
oUl.innerHTML+=oUl.innerHTML
oUl.style.width=aLi.length*aLi[0].offsetWidth+'px'
setInterval(function(){
var l=oUl.offsetLeft+10
if(l>=0){
l=-oUl.offsetWidth/2
}
oUl.style.left=l+'px'
},30)
}
</script>
</head>
<body>
<div id="box">
<ul>
<li><img src="img/1.jpg" width="200"></li>
<li><img src="img/2.jpg" width="200"></li>
<li><img src="img/3.jpg" width="200"></li>
<li><img src="img/4.jpg" width="200"></li>
</ul>
</div>
简单的说一下定时器：
setInterval定义和用法
setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。
setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。
语法
setInterval(code,millisec[,"lang"])
参数
code 必需。要调用的函数或要执行的代码串。
millisec 必须。周期性执行或调用 code 之间的时间间隔，以毫秒计。
用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:300pxposition:relativezoom:1overflow:hidden}
#lunbo div{width:100%height:100%position:absoluteleft:0top:0display:none}
#lunbo div:first-child{display:block}
img{width:100%height:100%border:0display: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>
