通过灯箱(或类似)从超链接查看图像
我想通过Lightbox(或类似的东西)查看图像库。唯一的问题是我需要从超链接中显示查看器中设置的图像,而不是显示图像集的缩略图。通过灯箱(或类似)从超链接查看图像
有谁知道这是否可能;如果是的话,你可以指出我的方向是正确的。
编辑:
我已经编辑这一点,希望能澄清我的问题。
我想要做的是有一个超链接,当点击打开一个包含多个图像,用户可以滚动浏览的灯箱(或类型的弹出查看器/图库)。
感谢
巴里
如果您使用JQuery,那么FancyBox是一个很好的插件来满足您的需求。
随着FancyBox你可以使用的是,内联模式窗口来显示灯箱中的图像;当超链接被点击时。您的需求,量身定制
的例子是,在此页面的底部:Examples of manual call
谢谢 - 这正是我正在寻找的内容。感谢其他答复也为他们提供了帮助。 – 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/
感谢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。
我编辑了我的问题,希望能够澄清我的情况 – codingbadger 2010-05-05 12:57:25
你有你使用任何具体的JS库? – phoenix24 2010-05-05 13:02:09