Question

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

该套装中的第一张照片是“AvatarPhoto”，它在页面上呈现两次。首先，单独站立，并在滑块与所有其他照片。两者都链接到同一图库中的同一张图片。

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

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

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

$.prettyPhoto.open()

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

Answer 1

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

data-rel="prettyPhoto[gallery1]"

如果您不打算将第一张图片添加到图库，请从该图片中删除data-rel属性，然后该图片就可以使用。

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

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

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

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

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