1

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

该集中的第一张照片是“AvatarPhoto”，它在页面上呈现了两次。首先在顶部，单独站立，并且与所有其他照片一起在滑块中。两者都链接到同一个画廊中的同一张图片。

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

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

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

但我想知道我是否不能使用 prettyphoto API

$.prettyPhoto.open()

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

4

1 回答 1

1

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

data-rel="prettyPhoto[gallery1]"

如果您不打算将第一张图片添加到图库中，请data-rel从该图片中删除该属性，它将起作用。

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

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

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

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

这将允许您在配置文件图像上添加一个单击处理程序，派生id图库副本，并在该元素上引发单击事件。

于 2013-01-29T23:48:13.143 回答