帶有垂直滾動指針的Javascript“ Lightbox”圖片庫

Question

我正在一個Web項目上，該項目在一個頁面上可以訪問多個畫廊/相冊。

我想要，當用戶單擊圖庫鏈接時，頁面中間會出現一個“燈箱”類型的圖庫。 我想要左邊的圖像（下面有標題），以及縮略圖的可滾動垂直顯示。

我的想法類似於以下的“豎向拇指”版本： http : //codecanyon.net/item/advanced-slider-jquery-xml-slider/full_screen_preview/132618

我會使用該圖庫滑塊，但是圖庫本身看起來不像“燈箱”，並且每個圖像下方都沒有標題。

問題：是否有人知道已經以這種方式運作的畫廊？ 還是一個容易修改的？ 還是可以提供從頭開始制作指南？

總結要求：

• 一頁上有多個畫廊/相冊
• 單擊相應鏈接后，圖庫會顯示在“燈箱”中
• 在左側，其下方帶有標題的圖像
• 右側是垂直的可滾動縮略圖界面

該任務有許多步驟，希望能對您有所幫助。 謝謝。

Answer 1

我使用FancyBox http://fancybox.net/做過類似的事情。Fancy box允許您通過iFrame在彈出區域中打開另一個頁面。

$.fancybox({
'content': 'iframepage.php?imgid=3',
'type': 'iframe',
'width': 800,
'height': 500
});

然后在iframepage.php上按照您想要的方式進行布局，任何在該頁面上溢出的內容都可以使用滾動條查看更多。