jQueryのは、私は、画像へのリンクでいっぱいの配列を持っていると私は、（jQueryライブラリとの）JavaScriptを使用して、そのようなHTML出力をフォーマットしますするスクリプトを書きたいのですが、配列

Question

からギャラリーを構築：

<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> 

5つの画像リンクが処理されるたびに、itemsクラス内に別のdivコンテナが追加されます。配列が15の画像リンクを含んでいた場合、最終結果は次のようなものになります。

<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> 

というように配列の最後までです。何か案は？

編集：コードの識別について申し訳ありません、投稿時にそれはねじ込みました。

Edit2：明確化。

Answer 1

*編集 - コードを修正し、より多くの画像を動的に作成するように修正しました。私はそれがあなたが求めたすべてだと信じています。

これはいかがですか？

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

demo