img gallery w/o缩略图，通过点击打开<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会有一个next/prev箭头来循环显示图像。

希望这有助于！