2013-09-27 41 views
0

我在我的内容中有图像。当我点击图片时,我需要在jquery弹出窗口中打开它。为img标签初始化lighbox

我的图像结构为:

<img height="213" width="480" src="http://www.test.com/sites/default/files/styles/large/public/avatar-configure.png" typeof="foaf:Image" class="media-image" alt=""> 

我不能改变图像的结构。有没有任何jQuery插件支持这种类型的功能?请帮帮我。

+0

您是否使用特定的灯箱库? – tomahaug

+0

'我需要在jQuery弹出窗口中打开它。“这是什么意思。它是'window.open()'有问题吗? – Jai

回答

0
+0

对不起,我只能在这里发表评论,并没有得到你想要的。事情就是这样。 – bios

+0

你最终可以使用jQuery UI附加对话框编号为 http://jqueryui.com/dialog/但我不会建议只为此添加jqUI。我敢肯定还有其他插件只是谷歌它。 – bios

0

我会建议精彩的fancybox插件

http://fancybox.net/

http://fancyapps.com/fancybox/(V2)

为2的fancybox

<a class="fancybox" rel="group" href="big_image_1.jpg"><img src="small_image_1.jpg" alt="" /></a> 
<a class="fancybox" rel="group" href="big_image_2.jpg"><img src="small_image_2.jpg" alt="" /></a> 


<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".fancybox").fancybox(); 
    }); 
</script>