检查是否随机选择了阵列中的图像

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' });
}