Javascript 请勿在Pretto中显示照片两次

我有一个棘手的问题无法解决。我正在使用

jquery.prettypto.js

在“lightbox”中显示一组图像

这组照片中的第一张是“阿凡达照片”，在页面上呈现了两次。首先在顶部，单独站立，并且与所有其他照片一起在滑块中。两者都链接到同一图库中的同一张图片

看看这个：

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

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

$.prettyPhoto.open()

---

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

您的选择器对该属性起作用：

data-rel="prettyPhoto[gallery1]"

如果您不打算将第一张图片添加到图库中，请从该图像中删除

data rel

属性，它将起作用

就我个人而言，我会使用标准的标签/ID/类来实现这一点。在JS中，您也可以使用以下选项：

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

这将选择

allpictures

元素后代的所有链接

附录：如果您想使用您的个人资料图片打开图库，那么我建议您对图库项目使用上面的内容，但为个人资料提供一个特殊的单击处理程序。为每个图像设置一个

id

，以便可以使用配置文件图片来确定库副本。例如，您可以使用

profile\u 123

和

gallery\u 123

---

这将允许您在配置文件图像上添加单击处理程序，导出库副本的

id

，并引发该元素上的单击事件。

您的选择器处理此属性：

data-rel="prettyPhoto[gallery1]"

如果您不打算将第一张图片添加到图库中，请从该图像中删除

data rel

属性，它将起作用

就我个人而言，我会使用标准的标签/ID/类来实现这一点。在JS中，您也可以使用以下选项：

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

这将选择

allpictures

元素后代的所有链接

附录：如果您想使用您的个人资料图片打开图库，那么我建议您对图库项目使用上面的内容，但为个人资料提供一个特殊的单击处理程序。为每个图像设置一个

id

，以便可以使用配置文件图片来确定库副本。例如，您可以使用

profile\u 123

和

gallery\u 123

---

这将允许您在配置文件图像上添加单击处理程序，导出库副本的

id

，并在该元素上引发单击事件。

您可以在测试站点（如JSFIDLE或类似站点）上发布您的内容吗？我认为这个问题太具体了，不能仅仅通过描述来确定原因。是的，我只是找到了时间来解决它。您想在哪个地方展示？在顶部还是在图库中？您是否可以在测试站点上发布您拥有的内容，例如JSFIDLE或类似的站点？我认为这个问题太具体了，不能仅仅通过描述来确定原因。是的，我只是找到了时间来解决它。您想在哪个地方展示？在顶部还是在画廊？啊，不，我使用这个选择器是因为“pretto”的首字母是“rel”并且rel不是img标记的有效属性，数据rel为。我想通过两种方式打开同一个图库：点击profilPicture和所有图片，但在灯箱中显示两次。对不起，你能再解释一下你的第一句话吗？你的图片都必须使用这个属性吗？是的，我会尝试这个，你会得到反馈是的，提高了所有照片的第一个锚的点击事件，非常简单，谢谢你的时间：不，我使用这个选择器，因为“prettypto initial”是rel并且rel不是img标记的有效属性，数据rel为。我想通过两种方式打开同一个图库：点击profilPicture和所有图片，但在灯箱中显示两次。对不起，你能再解释一下你的第一句话吗？你的图片都必须使用这个属性吗？是的，我会试试这个，你会得到反馈。是的，所有照片中第一个主播的点击事件做到了，非常简单，谢谢你的时间：D