随机显示2组不同的图像
Displaying 2sets of different images randomly
我有两组不同的图像。
第一组是:img1.jpg、img2.jpg、img3、jpg
第二组是:imga.jpg、imgb.jpg、imgc.jpg
我还有三个不同的div,一,二,三。
每一组图像都必须遵循顺序。img1.jpg必须嵌入div#1,img2.jpg必须嵌入div#2&img3.jpg必须嵌入到div#3中。
同样的事情也必须发生在第二组图像上。但是图像集会随机变化。
我想随机显示图像集。也就是说,当用户登录时,他们可能会看到第一组图像,刷新后,他们可能看到第二组图像。
注意:我不允许使用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+'"/>');
});
第1版:
如果你有两个以上的阵列,你可以尝试这样的方法:
var arrays = [arr1, arr2, ...];
var currentArr = arrays[Math.floor(Math.random() * arrays.length)];
相关文章:
- 非常大的图像显示渐进
- CSS Html使图像显示在单选按钮的选项上(单选按钮被CSS隐藏)
- JS照片库.使大图像显示和缩略图可单击
- 多个图像显示带有动态创建的画布的最后一个图像并分配给图像
- 当我在jquery/javascript中单击按钮时加载图像显示
- React图像显示
- 随机图像显示,无重复,使用Javascript
- 将跨度内容(图像url)转换为图像(显示)
- 随机图像显示不止一次
- 节点.js 使用 Multer 上传图像显示未定义
- 范围滑块,用于更改轨道上方对齐圆的直径并使对齐的图像显示在下方
- 使用图像显示和隐藏
- 使用 JavaScript 将文件夹中的图库图像显示到网页中
- 画布到图像显示为无图像(空白)
- 传单不会将本地图像显示为叠加
- 切换此元素时,如何使不同的图像显示,而不是文本
- 在页面加载时将图像显示为弹出窗口
- 如何在模糊浏览器主窗口时将图像显示为叠加层
- iOS在画布上绘制图像显示:无会导致内存泄漏
- JavaScript 图像显示不起作用