js code_javascript スキルを実装するための画像の表示 (前後) 機能

;







< td>

幅: 480 ピクセル; : 380px;
}

type="text/ javascript">
$(function () {
//最初のメソッド
/*
$('#btn1').toggle(function () { $(' img') .attr('src', 'images/1.jpg'); },
function () { $('img').attr('src', 'images/2.jpg'); },
function () { $('img').attr('src', 'images/3.jpg'); },
function () { $('img').attr(' src', 'images/4.jpg'); },
function () { $('img').attr('src', 'images/5.jpg' }); 🎜>$ ('#btn2').toggle(function () { $('img').attr('src', 'images/5.jpg'); },
function () { $(' img') .attr('src', 'images/4.jpg'); },
function () { $('img').attr('src', 'images/3.jpg'); },
function () { $('img').attr('src', 'images/2.jpg'); },
function () { $('img').attr(' src', 'images/1.jpg') });
*/

//2 番目のメソッド

var array = [1, 2, 3, 4, 5 , 6 ];
var count = 0;
//Back
$('#btn1').click(function () {
if (count > 0) {
count -- ;
$('img').attr('src', 'images/' array[count] '.jpg')
}
})
//転送
$ ('#btn2').click(function () {
if (count < 5) {
count ;
$('img').attr('src', 'images/ ' 配列 [カウント] '.jpg');
}
})

;