jQuery版viewer.js图片查看器

1. 下载 viewer.css 和 viewer.js 和 jquery.min.js

   • git clone https://github.com/fengyuanchen/viewerjs.git.
   • http://www.jq22.com/jquery-info122

2. 引入使用

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

3. html

   • 支持一张或多张图片

   <div id="dowebok">
       <img data-original="img/bg1.jpg" src="img/bg.jpg" alt="图片1">
       <h3>你好呀</h3>
       <img data-original="img/bg2.jpg" src="img/bg.jpg" alt="图片2">
       <h3>你好呀</h3>
       <img data-original="img/bg3.jpg" src="img/bg.jpg" alt="图片3">
   </div>
   复制代码

4. js

   $('#dowebok').viewer();
   复制代码

转载于:https://juejin.im/post/5b00f04c6fb9a07ab458e6e8