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

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

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

编辑：

我已经编辑这一点，希望能澄清我的问题。

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

感谢

巴里

来源

2010-05-05 codingbadger

你有你使用任何具体的JS库？ – phoenix24 2010-05-05 13:02:09

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

随着FancyBox你可以使用的是，内联模式窗口来显示灯箱中的图像;当超链接被点击时。您的需求，量身定制

的例子是，在此页面的底部：Examples of manual call

来源

2010-05-05 13:07:46 phoenix24

谢谢 - 这正是我正在寻找的内容。感谢其他答复也为他们提供了帮助。 – codingbadger 2010-05-05 15:08:53

这可能是方向。

$('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/

来源

2010-05-05 09:58:12 meo

感谢meo - 演示对于单张图像看起来不错。但我不明白这对于图像集是如何工作的。即来自一个链接的多个图像。 – codingbadger 2010-05-05 10:26:26

有更多的一种可能性，你给他们的名字像Gallery_1pic1.jpg，你只是数了一些nubers。或者你在某处存储你的文件名。你必须更具体，所以我可以让你更具体的解决方案。 – meo 2010-05-05 11:05:40

我编辑了我的问题，希望能够澄清我的情况 – codingbadger 2010-05-05 12:57:57

使用灯箱，太极拳或类似的东西它的使用链接不缩略图没有问题。

<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。

来源

2010-05-05 12:47:08

我编辑了我的问题，希望能够澄清我的情况 – codingbadger 2010-05-05 12:57:25

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

回答

相关问题