为fancybox图库创建锚点和图像标签 [英] generating anchor and image tags for fancybox image gallery
本文介绍了为fancybox图库创建锚点和图像标签的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个简单的html页面,我想用fancybox制作一个非常简单的画廊。
以下是一张图片的代码:
I have a simple html page and I want to make a very simple gallery to it with fancybox. Here is the code for one image:
<a class="gallery" href="img/83.jpg"><img src="img/83k.jpg" alt="" /></a>
问题是,我有400个,我必须按顺序进行,如:
Problem is, I have 400 of them and I have to make it sequential, like:
<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...
手工编码会很痛苦。
如何生成全部?
Hand coding it would be such a pain. How can I generate all of it?
谢谢!
推荐答案
创建一个容器,在其中生成如下图库:
Create a container where you want to generate your galleries like:
<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
这篇关于为fancybox图库创建锚点和图像标签的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文