jquery - 没有缩略图的 img 画廊，通过单击 打开

Question

我会尽量做到简洁明了。

您如何通过点击其中一个列表项(有点像照片箱或灯箱)来不离开页面打开图库。

它应该是这样的:您单击一个列表项(例如办公室)，并且您有几个办公室图像要列出槽。不会有那些可查看图像的缩略图，只有简单的“办公室”按钮，以及一些与之相关的图像，在用户点击列表项并激活相册之前是不可见的。

 <li>

    <a href="#image-1">
        <img src="images/thumbs/fashionthumb.png" alt="image01">
        <span>Fashion stores </span>
    </a>
    </li>

 <li>

    <a href="#image-1">
        <img src="images/thumbs/fashionthumb.png" alt="image01">
        <span>offices </span>
    </a>
    </li>

如果你理解我的问题，请推荐一个能满足我需求的jquery插件。提前致谢

Answer 1

http://fancybox.net/

此外，请记住将 rel="example_group" 放入您希望在图库中显示的所有链接中。如果将此属性放在元素中，则 fancybox 将有一个下一个/上一个箭头来循环显示图像。

希望这对您有所帮助!