爲img標籤初始化lighbox

我在我的內容中有圖像。當我點擊圖片時，我需要在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插件支持這種類型的功能？請幫幫我。

來源

2013-09-27 ARUN

您是否使用特定的燈箱庫？ – tomahaug

'我需要在jQuery彈出窗口中打開它。「這是什麼意思。它是'window.open（）'有問題嗎？ – Jai

我建議這個燈箱：

http://lokeshdhakar.com/projects/lightbox2/

來源

2013-09-27 09:23:16 bios

對不起，我只能在這裏發表評論，並沒有得到你想要的。事情就是這樣。 – bios

你最終可以使用jQuery UI附加對話框編號爲 http://jqueryui.com/dialog/但我不會建議只爲此添加jqUI。我敢肯定還有其他插件只是谷歌它。 – bios

我會建議精彩的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>

來源

2013-09-27 09:32:42

爲img標籤初始化lighbox

回答

相關問題