检查数组中的图像是否是随机选择的

Question

我有一些代码可以随机化 div 中的背景图片。如果从数组中选择了指定的图像，我想修改另一个 div 的背景。我的代码无法正常工作。

在这里

var images = [ 'image_2.jpg', 'image_4.jpg', 'image_1.jpg'];
jQuery(' #header-top').css({'background-image': 'url(images/' + images[Math.floor(Math.random() * images.length)] + ')'});

if ( images =="image_1.jpg"){
            jQuery('#promo').css({'background': 'url(images/image_back.jpg' });
};

Answer 1

images == "image_1.jpg" 是无意义的代码，它不检查任何东西。您想检查并查看您选择的图像是否是随机生成器选择的图像，因此您必须将数字与数组中图像的索引进行比较。

var images = [ 'image_2.jpg', 'image_4.jpg', 'image_1.jpg'];
var imageNumber = [Math.floor(Math.random() * images.length)];
jQuery(' #header-top').css({'background-image': 'url(images/' + images[imageNumber] + ')'});

if (imageNumber == 2){
        jQuery('#promo').css({'background': 'url(images/image_back.jpg' });
}