img gallery没有缩略图，点击<a></a>打开

Question

我会尽量简洁明了。

如何通过点击其中一个列表项（有点像photobox或lightbox）来创建一个无需离开页面的图库。

它应该是这样的：你点击列表项（例如办公室），你有几个办公室图像列出低谷。这些可视图像，简单的“办公室”按钮，以及与之相关的一些图像都没有缩略图，用户无法看到，直到他点击列表项并激活相册。

 <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将具有下一个/上一个箭头以循环显示图像。

希望这有帮助！