带有垂直滚动拇指的Javascript“Lightbox”图像库

时间:2011-10-28 00:33:19

标签: javascript html lightbox image-gallery

我正在开发一个网页项目,可以在一个页面上访问多个图库/相册。

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

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

我会使用该画廊滑块,但画廊本身并不像“灯箱”,每张图片下方都没有标题。

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

总结要求:

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

此任务有很多步骤,非常感谢您的帮助。感谢。

1 个答案:

答案 0 :(得分:0)

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

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

然后在你的iframepage.php上准确地列出你想要的东西,那个页面溢出的东西你可以用滚动条看到更多。