ユーザーが左矢印キーと右矢印キーを押して前/次の画像を取得する Web ページの単純なギャラリーを作成しようとしています。これまでのところ、以下に示すコードがあります。ただし、キーを押しても反応しないようです。コンソールを確認しましたが、エラーはなく、問題が何であるかがわかりません。
.image div html は、キーを押しても変更されません - 何かアイデアはありますか?
$(document).ready(function() {
var current = 1;
$("body").keydown(function(e) {
if(e.keyCode == 37) {
if (current == 1) {
var current = 1;
} else {
var current = current - 1;
}
$('.image').html('<img src="images/' + current + '.jpg"/>');
}
else if(e.keyCode == 39) {
var current = current + 1;
$('.image').html('<img src="images/' + current + '.jpg"/>');
}
});
});
HTML
<body>
<div class="image">
<img src="images/1.jpg"/>
</div>
</body>
私はそれを微調整しました、現在の変数はキーダウンでリセットされていました。OPが編集されました-これにより、現在の変数がファイル名としてNaN.jpgをリストしているという問題が残りますか?