こんにちは、クリックすると配列内の次の画像が表示される次のボタン用の次の JavaScript コードを作成しました。ただし、「前へ」ボタンの新しい関数を作成して、これを逆にしたいと考えています。これは、前方ではなく配列を下ります。これは、この配列に表示される 3 つの例よりもはるかに多くの画像になります。
var imgArray = new Array();
imgArray[0] = new Image();
imgArray[0].src = "Media//Gallery//img_1.jpg";
imgArray[1] = new Image();
imgArray[1].src = "Media//Gallery//img_2.jpg";
imgArray[2] = new Image();
imgArray[2].src = "Media//Gallery//img_3.jpg";
これは私の次のボタン機能です。前のボタンを元に戻す必要がありますが、方法がわかりません。
function nextImage(event) {
var img = document.getElementById("largeImage");
for(var i = 0; i < imgArray.length;i++)
{
if(imgArray[i].src == img.src)
{
if(i === imgArray.length){
img.src = imgArray[0].src;
break;
}
img.src = imgArray[i+1].src;
break;
}
}
}
これは、前のボタンの div です。
<div class="imgNav" onclick="previousImage(this);" style="width:190px">
これは、ボタンを押したときに変更したい画像です。
<img id="largeImage" src="Media//Gallery//Image_1.jpg" alt="Large Image" />
よろしくお願いします!