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

あなたは5ランダムのhrefこの

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

とを選択して、このquestion/answersは私をたくさん助けた

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

で（それらを表示するために）それらを反復処理することができます。私の単純なdemoもチェックしてみてください。