JQuery 5隨機圖像

Question

我一直在研究一個最近的小項目，我正在製作一個用戶可以選擇和購買的項目列表，現在我放在一起的代碼幾乎顯示了文件夾中的每個項目並且延遲了我的瀏覽器，因此我想讓它只生成5個隨機圖像。這是我的代碼：

 var items_folder = "images/items/"; 
     $.ajax({ 
      url : items_folder, 
      success: function (data) { 
       $(data).find("a").attr("href", function (i, val) { 
        if (val.match(/\.(jpe?g|png)$/)) { 
         $('<li><img src="' + items_folder + val + '" height="80px" width="90px"/></li>').appendTo('#items'); 
        } 
       }); 
      } 
     }); 

我該如何去做這件事？

Answer 1

您可以選擇五胡亂的HREF本

var randomHrefs = $(data).find("a").get().sort(function() { 
    return Math.round(Math.random()) - 0.5 
}).slice(0, 5); 

，然後通過他們與

$(randomHrefs).attr("href", function(i, val) { 
    //put your logic here, as in your code 
} 

這question/answers迭代（爲了顯示他們）對我幫助很大。檢查我的簡單demo也，它可能會有所幫助。