使用漂亮的照片点击另一个元素显示图像

Showing images using prettyphoto onclick of another element

本文关键字：元素 另一个 显示 显示图 图像 漂亮 照片      更新时间：2023-09-26

我有一个ul图像列表如下：

<ul class="thumbs">
    <li><a href="#" rel="prettyPhoto[pp_gal]"><img src="images/thumb.jpg" alt=""/></a>
    <li><a href="#" rel="prettyPhoto[pp_gal]"><img src="images/thumb.jpg" alt=""/></a>
</ul>

我按如下方式绑定漂亮的照片事件，这对 galary 来说效果很好。

 $("a[rel='prettyPhoto[pp_gal]']").prettyPhoto({ social_tools: false, slideshow: false });

我的页面上还有另一个锚标签，如下所示：

 <a href="#">View all images</a>

我如何绑定漂亮的照片事件，以便在查看所有图像的点击上显示，来自 UL 的图像显示的与点击 UL 列表中的任何图像时显示的相同。

我在 localhost 上尝试过，这对我有用：（根据您的示例）

    <a href="#" rel="prettyPhoto[pp_gal]">View all images</a>

诅咒，href 应该指向一些图像。

相关文章：