JQuery 5 zufällige Bilder

Question

Ich habe in letzter Zeit an einem kleinen Projekt gearbeitet und ich mache eine Liste von Elementen, die Benutzer auswählen und kaufen können, jetzt zeigt der Code, den ich zusammengestellt habe fast jedes Element aus dem Ordner und das liegt an meinem Browser, deshalb möchte ich, dass es nur 5 zufällige Bilder erzeugt. Das ist mein Code:

 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'); 
        } 
       }); 
      } 
     }); 

Wie würde ich das machen?

Answer 1

Sie können fünf zufällige hrefs wählen mit diesem

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

und dann durch sie durchlaufen (um sie anzuzeigen) mit

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

diese question/answers hat mir sehr geholfen. Überprüfen Sie meine einfache demo auch, es kann helfen.