我有一个图像库,我想创建一个 Javascript 文件,以便每次单击按钮时,它都会从目录中生成随机图像并显示该目录中的 4 个图像
最佳答案
您没有指定如何获取图像,所以我猜图像存储在字符串数组中。 不管怎样,你首先需要的是某种随机播放算法,这是肯定的。
查看此链接:http://dzone.com/snippets/array-shuffle-javascript
根据您的需要调整代码:
var arr = [
"http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png",
"http://img.bananity.com/media/512/512/bananities/8060a5cf4f9eae8ecff79720db58c2dfacf707344fcb.png",
"http://www.socialtalent.co/images/blog-content/so-logo.png",
"http://www.logoeps.net/wp-content/uploads/2013/06/stackoverflow_logo.jpg",
"http://i22.photobucket.com/albums/b302/Creyeknife/SO_concept1.jpg"
];
getRndImgs = function(o,numberOfImgs){
for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
return o.slice(0,numberOfImgs-1);
};
这样您就可以稍后调用:
var imagesToShow=getRndImgs(arr,4);
并将它们显示在某处
for (var i=0;i<imagesToShow.length;i++) {
document.getElementById("div_"+i).innerHTML="<img src='"+imagesToShow[i]+"' />"
}
关于Javascript 目录中的随机图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21975727/