Fancybox如何确定图库中的下一个图像？

Question

fancybox如何确定图库中的“下一个”或“上一个”图像？

我有一个页面，上面有照片排列在垂直列中，想了解fancybox的行为。

Answer 1

Fancybox选择DOM中图像上的所有链接，由CSS选择器排序。

upd：示例

<h1> gallery 1</h1>
<a href="urltodetail1.jpg" rel="gallery1"><img src="thumb1.jpg></a>
<a href="urltodetail2.jpg" rel="gallery1"><img src="thumb2.jpg></a>
<a href="urltodetail3.jpg" rel="gallery1"><img src="thumb3.jpg></a>

<h1> gallery 2 </h1>
<a href="urltodetail4.jpg" rel="gallery2"><img src="thumb4.jpg></a>
<a href="urltodetail5.jpg" rel="gallery2"><img src="thumb5.jpg></a>
<a href="urltodetail6.jpg" rel="gallery2"><img src="thumb6.jpg></a>

$("a[rel=gallery1],a[rel=gallery2]").fancybox();

http://jsfiddle.net/PfaXm/

Answer 2

Fancybox使用.fancybox（）定位的元素上的'rel'属性将图库组合在一起。

您可以使用不同的'rel'值指定多个galleris。

您的图库将按照jQuery选择的顺序显示。