显示数组中的下一个和上一个图像并使用 Javascript 显示答案

【问题标题】：Show next and previous images from array and show using Javascript显示数组中的下一个和上一个图像并使用 Javascript 显示
【发布时间】：2015-08-24 18:26:06
【问题描述】：

假设图像数组作为输入，构建下一个和上一个按钮的功能。单击下一个按钮时，将显示数组中的一些随机图像，当单击上一个按钮时，您应该逐个打开上一个图像历史记录。

给定：

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

点击下一个，随机选择一些像 = img1, img4, img7, img2 ... 单击 Previous 时，按逆序进入历史记录 = img2,img7,img4,img1

提前致谢。

【问题讨论】：

标签： javascript arrays

【解决方案1】：

应该是这样的：

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 处理程序附加到“下一个”按钮的单击事件，并将 onPreviousClick 处理程序附加到“上一个”按钮的单击事件。

【讨论】：

【解决方案2】：

单击下一步时，将每个图像推送到第二个数组；单击 prev 时，从第二个数组中选择一个图像（按连续顺序）并显示它。

【讨论】：