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处理程序附加到'Next'按钮的click事件，将onPreviousClick处理程序附加到'Previous'按钮的click事件。

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

2 个答案: