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

Question

我使用JQuery漂亮照片lightbox克隆，它工作的很好，但我有一个小问题。

所有图像具有以下格式：

<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() 
});