Nivo Lightbox 一个简洁、灵活、响应式的 jQuery 灯箱插件
  • 分享到微信朋友圈
    X
立即下载 查看演示

Nivo Lightbox 是一个简洁、灵活、响应式的 jQuery 灯箱插件。

使用方法

引用css

<link href="css/nivo-lightbox.css" rel="stylesheet" type="text/css" />
    <link href="themes/default/default.css" rel="stylesheet" type="text/css" />

引用js

<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="js/nivo-lightbox.js" type="text/javascript"></script>

初始化插件

    <script>
        $(function(){  
          $('.img-box a').nivoLightbox({
                effect: 'fade',
            }); 
        }); 
    </script>

HTML结构

<a href="images/1.jpg" data-lightbox-gallery="portfolio-gallery">
            <img src="images/1.jpg" alt="portfolio img"></a>