jQuery bauen Galerie von Array

Question

ich ein Array mit Bild-Links gefüllt haben, und ich möchte ein Skript schreiben, das wäre, mit Hilfe von Javascript (mit jQuery-Bibliothek), würde die HTML-Ausgabe wie formatiert so:

<div id="gallery"> 
<div class="scrollable"> 
    <div class="items"> 
     <div> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
     </div> 
    </div> 
</div> 
</div> 

Nach jeweils 5 Bildverknüpfungen, die es verarbeitet, wird ein weiterer div-Container in der items-Klasse hinzugefügt. Also, wenn das Array 15 Bild-Links enthält dann das Endergebnis wäre so etwas wie:

<div id="gallery"> 
<div class="scrollable"> 
    <div class="items"> 
     <div> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
     </div> 
     <div> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
     </div> 
     <div> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
      <img src="URL_from_array"/> 
     </div> 
    </div> 
</div> 
</div> 

und so weiter bis zum Ende des Arrays. Irgendwelche Ideen?

Edit: Sorry über die Code-ID, es vermasselt beim Posten.

Edit2: Erläuterung.

Answer 1

* Bearbeiten - Ich habe den Code korrigiert, so dass es dynamisch mehr Bilder in Sätzen von fünf erstellt. Ich glaube, das ist alles, was du gefragt hast.

Wie wäre es damit?

$('div#gallery img').each(function(){ 
    var i = $('div#gallery img').index(this); 
    $(this).attr('src',images[i]); 
}); 

Versuchen die demo