顯示數組中的下一個和上一個圖像，並使用Javascript顯示

Question

假設圖像數組作為輸入給出，建立下一個和上一個按鈕的功能。 單擊下一個按鈕時，將顯示陣列中的一些隨機圖像，單擊上一個按鈕時，您應該一個個地打開上一個圖像歷史記錄。

鑒於：

images = [img1, img2, img3, img4, img5, img6, img7]

在單擊“下一步”時，選擇一些隨機變量，例如= img1，img4，img7，img2 ...在單擊“上一步”時，按歷史記錄的相反順序= img2，img7，img4，img1

提前致謝。

Answer 1

單擊下一步時，將每個圖像推到第二個數組； 單擊上一個后，從第二個數組中選擇一個圖像（以連續順序）並顯示它。

Answer 2

應該是這樣的：

var images = ['img1', 'img2', 'img3', 'img4', 'img5', 'img6', 'img7'];
var randomImages = [];

var open = function(image){
    //opening logic here     
};

var onNextClick = function(){
    var image = images[Math.floor(Math.random()*images.length)];
    randomImages.push(image);
    open(image);
};

var onPreviousClick = function(){
    var image = randomImages.pop();
    if(image){
        open(image);
    } else{
        alert('No previous image');
    }
};

將onNextClick處理程序附加到“下一個”按鈕的click事件，並將onPreviousClick處理程序附加到“上一個”按鈕的click事件。