正确的 PrettyPhoto rel 属性？答案

【问题标题】：Correct PrettyPhoto rel attribute?正确的 PrettyPhoto rel 属性？
【发布时间】：2014-01-21 14:48:55
【问题描述】：

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

rel="prettyPhoto[gallery]"

或

rel="prettyPhoto[pp_gal]"

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

【问题讨论】：

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

标签： php html wordpress prettyphoto rel

【解决方案1】：

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

【讨论】：

别担心！干杯:)