Question

我想通过灯箱（或类似的东西）查看图像库。唯一的问题是我需要从超链接显示查看器中的图像集，而不是显示图像集的缩略图。

有谁知道这是否可行;如果是这样，你能指出我正确的方向。

编辑：

我编辑了这篇文章，希望澄清我的问题。

我想要做的是有一个超链接，当点击时会打开一个灯箱（或弹出式查看器/图库的类型），其中包含用户可以滚动的多个图像。

感谢

百里

Answer 1

使用lightbox，shadowbox或类似的东西，使用没有缩略图的链接是没有问题的。

<a rel="lightbox[picturegallery]" href="pic1.jpg" title="Pic1">Pic1</a>
<a rel="lightbox[picturegallery]" href="pic2.jpg" title="Pic2">Pic2</a>
<a rel="lightbox[picturegallery]" href="pic3.jpg" title="Pic3">Pic3</a>

可以找到更多信息和代码示例here。

Answer 2

这可能是方向。

$('a').click(function(){
var that = $(this)
var html= that.attr('href') // Read the href of the link and use it as reference for your lightbox.
$('body').append('<div id="shadow"><div id="fancybox"><img src="' + html +'" alt="pic" /></div></div>')
    $('#shadow').click(function(){
        $(this).remove()
    })
return false;
})

您可以在此处测试：http://jsfiddle.net/hRcWN/2/

Answer 3

如果您使用的是JQuery，那么FancyBox是一个很好的灯箱插件，可满足您的需求。

使用FancyBox可以使用的是内联模式窗口，用于在灯箱中显示图像;单击超链接时。

根据您的需求量身定制的示例位于此页面的底部：Examples of manual call

通过Lightbox（或类似）从超链接查看图像

3 个答案: