<button id="aa">上一頁</button>
<img src="../1.png" height="200px" width="150PX">
<button onclick="next()">下一頁</button>

var k=0;//當下標使用
//定義一個圖片數組
var imgs =["../1.png",
"../5.png",
"../4.png",
"../7.jpg"];
var pev = null;//上一頁定義的元素
var imgDom = null; //圖片對象
var dsp = null; //定時器對象
$(document).ready(function(){
imgDom=$("img");
pev =$("#aa");
pev.click(function(){
pevo();
});
dsp = setInterval(function(){
next();
},2000);
});

function next(){
k++;
if( k>=imgs.length){
k=0;
}
imgDom.attr("src",imgs[k]);
}
function pevo(){
k--;
if(k<0){
k=imgs.length-1;
}
imgDom.attr("src",imgs[k]);
}

jq做的簡單的輪播