我有一个简单的html页面,我想用fancybox创建一个非常简单的画廊。 以下是一张图片的代码:
<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...
手工编码会是一种痛苦。 我怎样才能生成所有内容?
谢谢!
答案 0 :(得分: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