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

Question

我正在使用 JQuery prettyPhoto 灯箱克隆，效果很好，但我有一个小问题。

所有图片格式如下：

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

我有 4 张图片显示，另外 10 张使用 <div> 和 style='display:none;' 隐藏。单击 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()
});