FancyBox是一款基于jquery开发的类​​Lightbox​​插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该lightbox除了能够展示图片之外，还可以展示iframed内容， 通过css自定义外观。

相对与Lightbox而言，阴影效果更好。但是比Lightbox绚丽。

使用很是简单，可以参照Lightbox，修改添加代码。

 

示例代码：

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

$(document).ready(function() {
        $(".fancybox").fancybox();
    });

 

使用效果图：

 

jQuery弹出窗口插件 FancyBox_jquery

参考资料:

​​fancybox3文档​​

​​fancybox v3.5 - Basics 效果图​​