Javascript 随机显示2组不同的图像
我有两套不同的图像 第一组是: img1.jpg,img2.jpg,img3,jpg 第二组是: imga.jpg、imgb.jpg、imgc.jpg 我还有三个不同的分区,一、二、三 每组图像都必须遵循顺序。img1.jpg必须嵌入第一分区,img2.jpg必须嵌入第二分区,img3.jpg必须嵌入第三分区 同样的事情也必须发生在第二组图像上。但是图像集会随机变化 我想随机显示图像集。也就是说,当用户登录时,他们可能会看到第一组图像,刷新后,他们可能会看到第二组图像 注意:我不允许使用css“背景图像”Javascript 随机显示2组不同的图像,javascript,jquery-ui,jquery,Javascript,Jquery Ui,Jquery,我有两套不同的图像 第一组是: img1.jpg,img2.jpg,img3,jpg 第二组是: imga.jpg、imgb.jpg、imgc.jpg 我还有三个不同的分区,一、二、三 每组图像都必须遵循顺序。img1.jpg必须嵌入第一分区,img2.jpg必须嵌入第二分区,img3.jpg必须嵌入第三分区 同样的事情也必须发生在第二组图像上。但是图像集会随机变化 我想随机显示图像集。也就是说,当用户登录时,他们可能会看到第一组图像,刷新后,他们可能会看到第二组图像 注意:我不允许使用css“
提前感谢您可以尝试使用Math.random()在图像集之间动态选择,然后使用随机选择的图像集来显示您的图像:
var arr1 = ["1.jgp", "2.jgp", "3.jgp"];
var arr2 = ["4.jgp", "5.jgp", "6.jgp"];
var currentArr = Math.random() < 0.5 ? arr1 : arr2;
$.each(currentArr, function(i, val){
$('#yourContainer').append('<img src="'+val+'"/>');
});
如果我的容器是3个不同的容器div,情况会怎样?
var arrays = [arr1, arr2, ...];
var currentArr = arrays[Math.floor(Math.random() * arrays.length)];