JS图片查看器-viwerjs的用法

来源：互联网发布：java判断闰年编辑：程序博客网时间：2024/06/15 22:59

viewer.js的用法很简单，只需要引入js和css文件就可以使用：

     <link rel="stylesheet" href="viewer.min.css">     <script src="viewer.min.js"></script>

然后只需要简单的js代码调用即可：

    <script>        var viewer = new Viewer(document.getElementById('imgs'), {            url: 'data-original'        });    </script>

HTML代码：

    <ul id="imgs">        <li><img data-original="images/big-1.jpg" src="images/sm-1.jpg" alt=""></li>        <li><img data-original="images/big-2.jpg" src="images/sm-2.jpg" alt=""></li>        <li><img data-original="images/big-3.jpg" src="images/sm-3.jpg" alt=""></li>        <li><img data-original="images/big-4.jpg" src="images/sm-4.jpg" alt=""></li>        <li><img data-original="images/big-5.jpg" src="images/sm-5.jpg" alt=""></li>    </ul>

JQ版本的链接地址：http://www.dowebok.com/192.html

阅读全文

0 0