JQuery prettyPhoto - 从一个不是图像的链接打开图库

Question

我正在使用JQuery prettyPhoto灯箱克隆，它运行良好，但我有一个小问题。

所有图片都具有以下格式：

<a href='imageURL' rel='prettyPhoto[gallery1]'><img src='imageURL' style='height:100px;' title='photoname' /></a>

我使用<div>和style='display:none;'显示了4张图片，另外10张图片被隐藏了。单击4个图像中的任意一个将打开图库，显示所有14张照片。没关系。

但我还需要一个链接，说“查看所有14张照片”，点击后会打开图库。现在，如果我没有给文本链接<a href='imageURL'>，它就不起作用。但是，如果我将其链接到例如第一张图像，那么该图像会在图库中显示两次。我怎么能避免这种情况？

我考虑将文本链接链接到其中一个隐藏图像，但这不是解决方案，因为4个可见图像是使用PHP随机选择的。

Answer 1

将您的链接更改为：

<a id="startPrettyPhoto">View all photos</a>

并将其添加到准备好设置prettyPhoto

的文档中

$("#startPrettyPhoto").click(function() {
   $("a[rel^='prettyPhoto']:first").click()
});