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箭頭來循環顯示圖像。

希望這有助於！