基於jQuery實作圖片的前進與後退功能_jquery

複製代碼如下代碼：

渡//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


標題>

#mydiv{ 位置：絕對；寬度：500px；高度：400px；頂部：50%；左：50%；頂邊距：-200px；左邊距：-290px; }
img{ 寬度：480px;高度：380px;}




$(function () {
var array = [1, 2, 3, 4, 5, 6];
var count = 0;
//後退
$('# Button1').click(function () {
if (count > 0) {
count--;
$('img').attr( 'src', 'images/' array[ count] '.jpg');
}
})
//前進
$('#Button2').click(function () {
if (count count ;
$('img').attr('src', 'images/' array[count] '.jpg');
}
})
})
腳本>
頭>

" />

身體>

效果如下：