Fancybox画廊组

我正在使用fancybox http://fancyapps.com/fancybox/ ，我的问题是：

我能将不同的资源组合在一起吗 我的意思是在同一个图库（或“组”）中使用内联或video的图像。 如果有，任何人都知道如何？

这里有一个不起作用的例子：

Test 
Test Content
    

fancyinline和fancyimage没有组合在一起，但我需要这样。 当然我需要不同的内联和图像参数……

先感谢您。

Answer 1

要在fancybox内对要导航的元素进行分组，需要在每个元素上设置rel属性。 相同的rel值将告诉fancybox如果一个人打开它们，所有这些值都将出现在导航中。

看到这个工作小提琴！

小组示例

HTML

JQUERY

 $("a[rel=example_group]").fancybox(); 

---

小组示例一个可见，隐藏的隐藏

HTML

JQUERY

 $("a[rel=group2]").fancybox(); 

Answer 2

我是这样做的

 $("#fancybox-manual-c").click(function() { $.fancybox.open([ { href : '1_b.jpg', title : 'My title' }, { href : '2_b.jpg', title : '2nd title' }, { href : '3_b.jpg' } ], { helpers : { thumbs : { width: 75, height: 50 } } }); });