jQuery版viewer.js图片查看器

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

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

引入使用

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

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>

js

$('#dowebok').viewer();