Javascript "Lightbox"具有垂直滚动拇指的图像库

Question

我正在开发一个网络项目，该项目将在一个页面上访问多个画廊/专辑。

我希望，当用户单击图库链接时，页面中间会出现一个“灯箱”类型的图库。我想要左侧的图像(下方带有标题)以及可滚动的垂直显示缩略图。

我的想法类似于“竖起大拇指”版本:http://codecanyon.net/item/advanced-slider-jquery-xml-slider/full_screen_preview/132618

我会使用该图库 slider ，但图库本身看起来不像“灯箱”，并且每个图像下方没有标题。

问题:有人知道有一家画廊已经以这种方式运营吗？或者是一个容易修改的？或者可以提供从头开始制作的指南吗？

总结要求:

• 一页上有多个画廊/专辑
• 点击相应链接后，图库会显示在“灯箱”中
• 左侧是带有标题的图片
• 右侧是一个垂直的、可滚动的缩略图界面

此任务有很多步骤，希望得到任何帮助。谢谢。

Answer 1

我使用 FancyBox http://fancybox.net/ 做过类似的事情Fancy box 允许您在弹出区域内通过 iFrame(除其他外)打开另一个页面。

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

然后在您的 iframepage.php 上按照您想要的方式进行布局，该页面上溢出的任何内容都可以使用滚动条查看更多内容。