JS做图片滑动

在界面中做一个关于图片左右滑动的效果。

循环切换，可从最后一张右滑到第一张，从第一张左滑到最后一张

设置两个按钮

<a id="prev" href="javascript:;"><</a>

<a id="next" href="javascript:;">></a>

图片

<img id="img1" />

js代码，获取id，把图片放入一个数组

设定初始函数，图片显示为数组的第一个。

然后做按钮判断

左滑时--到数组的下标为-1时显然不存在，此时把num改成数组长度减1，则显示为数组最后一个

右滑则相反。

<script type="text/javascript">
window.onload = function(){
var aprev = document.getElementById("prev");
var anext = document.getElementById("next");
var b = ["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg"];
var oimg=document.getElementById("img1");
var num=0;
function start(){
oimg.src=b[num];
}
start();
aprev.onclick = function(){
num--;
if(num==-1){
num==b.length-1;
}
start();
}
  aprev.onclick = function(){
num++;
if(num==b.length){
num==0;
}
start();
}
}
</script>