javascript - Prettyphoto 中的照片不要显示两次

Question

我有一个棘手的问题无法解决。我正在使用 jquery.prettyphoto.js 在“灯箱”中显示一组图像。

该集中的第一张照片是“AvatarPhoto”，它在页面上渲染了两次。首先在顶部，单独站立，也与所有其他照片一起放在 slider 中。两者都链接到同一图库中的同一张图片。

看看这个:http://jsfiddle.net/wtZLY/

好吧，我根据 halfer 的回答解决了这个问题，只是给了“allFotos”的第一个链接一个 id :

    $('#profilePicture').click(function() {
    $('#foto_0').click();
    });

但我想知道我是否无法使用 Prettyphoto API

$.prettyPhoto.open()

但看起来我不可能简单地打开页面上的prettyPhoto[gallery1]。我必须将所有图像和标题作为数组传递，在我的情况下，这将是沉重的重复。

Answer 1

您的选择器适用于此属性:

data-rel="prettyPhoto[gallery1]"

如果您无意将第一张图片添加到图库中，请从该图片中删除 data-rel 属性，这样就可以了。

就我个人而言，我会为此使用标准标签/ID/类。在你的 JS 中你也可以使用这个:

$("#allpictures a").prettyPhoto();

这将选择作为 allpictures 元素后代的所有链接。

附录:如果您想使用您的个人资料图片打开图库，那么我建议您对图库项目使用上述内容，但为个人资料设置一个特殊的点击处理程序。为每个图像设置一个id，以便可以使用个人资料图片来确定图库副本。例如，您可以使用 profile_123 和 gallery_123。

这将允许您在个人资料图像上添加点击处理程序，派生图库副本的 id，并引发该元素上的点击事件。