js设置图片切换

HTML代码

<div class="viewpager">
	<img src="/static/index/images/banner1.jpg" id="change"/>
</div>

3张图片

//原生获取DOM对象
//var change=document.getElementById('change');
//jQuery获取DOM对象
var change=$('#change')[0];

var y=1;
	setInterval(function(){
		y++;
		//判断图片是否已经全部切换完，切换完重新开始
		if(y==4){
			y=1;
		}
		
		//设置新的图片路径
		var url='/static/index/images/banner'+y+'.jpg';
		//原生，将新的路径给回去
		//change.setAttribute('src',url);
		//jQuery将新的路径给回去
		$('#change').attr({'src':url});
	},2000)