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

Css 检查是否随机选择了阵列中的图像,css,arrays,image,random,background,Css,Arrays,Image,Random,Background,我有一个小代码,可以在一个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)] + ')

我有一个小代码,可以在一个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' });
};
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' });
}

它很好用。非常感谢。您的代码缺少第二行“]”。修复了“]”,我很高兴能帮助您在Firefox(我使用的浏览器)上运行代码,但我似乎不在Chrome上工作。奇怪。。。。对这种行为有什么解释吗?我不知道……你能确定哪一行出现了故障,你使用的是什么版本的chrome吗?当条件满足时,背景图像不会被替换。我的Chrome版本:42.0.2311.90(64位),运行在Mac OSX 10.6.8上