0

シンプルな 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...

手作業でコーディングするのはとても面倒です。どうすればそれをすべて生成できますか?

ありがとう！

4

1 に答える 1

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
于 2012-04-10T17:13:26.183 に答える