jQuery彈出窗口插件 FancyBox

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();
    });

 

使用效果圖：

 

參考資料:

fancybox3文檔

fancybox v3.5 - Basics 效果圖