2014-01-21 18 views
3

这些属性中的哪一个是正确的?正确PrettyPhoto rel属性?

rel="prettyPhoto[gallery]" 

rel="prettyPhoto[pp_gal]" 

是什么地方申报该画廊/ pp_gal?我可以将任何图片库动态传递给prettyPhoto(通过执行SQL语句获取一些img源代码,并将它们以某种方式传递给我的链接来触发prettyPhoto)?

+1

这里没有“正确”或“错误” - 您可以在初始化插件时使用任何您想要的选择器。在文档'rel =“prettyPhoto”'和'$(“a [rel^='prettyPhoto']”)。prettyPhoto(...)'被使用...应该很容易弄清楚这两者是如何对应的... – CBroe

回答

4

只是为了扩大CBroe的评论,这是完全正确的,但可能不够明确。

大括号内的文字可以是任何你想要的。其背后的想法是,你只是用它来将不同的图像分组成一个画廊。所以;

<a href="..." rel="prettyPhoto[gal1]"><img src="..." /><a/> 
<a href="..." rel="prettyPhoto[gal1]"><img src="..." /><a/> 
<a href="..." rel="prettyPhoto[gal2]"><img src="..." /><a/> 
<a href="..." rel="prettyPhoto[gal2]"><img src="..." /><a/> 
<a href="..." rel="prettyPhoto[gal1]"><img src="..." /><a/> 
<a href="..." rel="prettyPhoto[gal2]"><img src="..." /><a/> 

如果你点击图片1,它会启动一个灯箱,它会有图片1,2和5在里面。即所有gal1分组。点击图片6,它会有3,4和6,gal2分组。该插件使用正则表达式进行分组;

 // Find out if the picture is part of a set 
     theRel = $(this).attr(settings.hook); 
     galleryRegExp = /\[(?:.*)\]/; 
     isSet = (galleryRegExp.exec(theRel)) ? true : false; 
+0

you made it明确!日Thnx! :) –

+0

不用担心!干杯:) – McNab