點擊按鈕切換圖片

//js代碼

//封裝獲取id的函數

function $(id){

　　return document.getElementById(id);

}

//圖片路徑

var arrPic = ["1.jpg","2.jpg","3.jpg","4.jpg"];

//自定義下標
var index = 0;
$("center").src = arrPic[index];

//點擊下一張按鈕
$("next").onclick = function(){
index++;
if( index == arrPic.length ){
　　index = 0;
}
　　$("center").src = arrPic[index];
}

//點擊上一張按鈕
$("pre").onclick = function(){
　　index--;
　　if( index == -1 ){
　　index = arrPic.length-1;
}
　　$("center").src = arrPic[index];
}

 

//HTML代碼

<div id="big">
<div id="next">></div>
<div id="pre"><</div>
<img id="center" />
</div>