fancybox用のアンカータグと画像タグを生成する画像ギャラリー

Question

私は単純なhtmlページを持っており、fancyboxで簡単なギャラリーを作りたいと思っています。 はここに1枚の画像のためのコードです：

<a class="gallery" href="img/83.jpg"><img src="img/83k.jpg" alt="" /></a> 

問題がある、私はそれらの400を持っていると私は次のように、それは、順次行う必要があります。それは、このような痛みだろうコーディング

<a class="gallery" href="img/84.jpg"><img src="img/84k.jpg" alt="" /></a> 
<a class="gallery" href="img/85.jpg"><img src="img/85k.jpg" alt="" /></a> 
etc... 

ハンド。 どうすればすべて生成できますか？

ありがとうございます！

Answer 1

あなたのようなあなたのギャラリーを生成するコンテナを作成します。その後、このコードを使用し

<div id="galleries"></div> 

を：

$(document).ready(function(){ 
var i = 83; // select your initial number 
for (i=83; i<=483; i++){ // loop as many images as you need 
    $("div#galleries").append('<a href="img/' + i + '.jpg" class="fancybox" rel="gallery"><img src="img/' + i + 'k.jpg" alt="" /></a>'); 
} // for 
// and set your fancybox script afterwards 
$('.fancybox').fancybox({ 
    // fancybox options 
}); // fancybox 
}); //ready