Question

我的内容中有一张图片。当我点击图像时，我需要在jquery弹出窗口中打开它。

我的图片结构是：

<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插件支持这种类型的功能？请帮帮我。

Answer 1

我会建议这个灯箱：

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

Answer 2

我会推荐精彩的Fancybox插件

http://fancybox.net/

http://fancyapps.com/fancybox/（v2）

for fancybox 2

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

为img标签初始化灯箱

2 个答案: