问题:正确的 PrettyPhoto rel 属性?

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

rel="prettyPhoto[gallery]"

或者

rel="prettyPhoto[pp_gal]"

这个画廊/pp_gal 是在某处声明的吗?我可以动态地将任何图片库传递给 prettyPhoto(通过执行 SQL 语句来获取一些 img 源,然后以某种方式将它们传递给触发 prettyPhoto 的链接)?

解答

只是为了扩展 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;