我有圖像庫,我想創建一個JavaScript文件,這樣每次我點擊一個按鈕,它會生成一個目錄,顯示隨機圖像從該目錄4個圖像的Javascript從目錄中隨機圖像
1
A
回答
1
你沒有指定如何獲取圖像,所以我猜圖像存儲在一個字符串數組中。 無論如何,你需要的第一件事情當然是某種洗牌算法。
退房此鏈接: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]+"' />"
}
+0
爲什麼你使用變量o ,j,x而不僅僅是我? – IslandKing
+0
o是圖像陣列。 i和j用於訪問不同索引中的數組元素。 x是用於交換數組的項目的變量。 – rpax
相關問題
- 1. 從目錄中隨機獲取圖像?
- 2. php從目錄生成隨機圖像
- 3. 從javascript中顯示隨機圖像
- 4. 隨機從目錄
- 5. 從目錄中顯示隨機圖像對
- 6. Laravel:如何從目錄中獲得隨機圖像?
- 7. 從給定目錄中計數並隨機顯示圖像
- 8. 用PHP從目錄中提取隨機圖像
- 9. PHP從目錄中顯示隨機圖像
- 10. PHP從目錄中隨機顯示n張圖像
- 11. 從php目錄中加載隨機圖像
- 12. 如何在快速環境中從圖像目錄中獲取隨機圖像
- 13. 從imgur拉隨機圖像使用Javascript
- 14. jQuery - 從目錄加載隨機圖片
- 15. 隨機圖像與JavaScript onClick
- 16. Javascript圖像陣列和隨機圖像
- 17. 如何打開給定文件目錄中的隨機圖像?
- 18. 在javascript中生成隨機圖像url
- 19. 從目錄中選擇隨機文件
- 20. 從目錄中播放隨機視頻
- 21. 從JavaScript Object中選擇隨機項目?
- 22. 從圖像目錄收集圖像的javascript圖像滑塊
- 23. 如何從Jquery的Image目錄中隨機加載單個圖像?
- 24. JavaScript - 從目錄中選擇一個隨機頁面
- 25. 只有3張圖像在javascript中的隨機圖像
- 26. 如何隨機旋轉圖像的JavaScript?
- 27. 帶有「undefined」的javascript隨機圖像
- 28. 來自隨機對象的JavaScript圖像?
- 29. 的Javascript隨機圖像和答案
- 30. 隨機圖像中的GridView
可能的重複http://stackoverflow.com/questions/5809188/script-to-display-an-image-selected-at-random-from-an-array-on-page-load – ambodi