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

Question

我正在使用JQuery prettyPhoto灯箱克隆,它工作得很好,但我有一个小问题.

所有图像都具有以下格式:

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

我有4个图像显示,另外10个使用<div>with 隐藏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()
});