# Viewer.js ---强大的图片查看器
<ul id="viewer">
<li><img data-original="img/tibet-1.jpg" src="img/tibet-1.jpg" alt="图片1"></li>
<li><img data-original="img/tibet-2.jpg" src="img/tibet-2.jpg" alt="图片2"></li>
<li><img data-original="img/tibet-3.jpg" src="img/tibet-3.jpg" alt="图片3"></li>
<li><img data-original="img/tibet-4.jpg" src="img/tibet-4.jpg" alt="图片4"></li>
<li><img data-original="img/tibet-5.jpg" src="img/tibet-5.jpg" alt="图片5"></li>
<li><img data-original="img/tibet-6.jpg" src="img/tibet-6.jpg" alt="图片6"></li>
</ul>
1
2
3
4
5
6
7
8
9
10
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
// 用法实例
$('#viewer').viewer({
url: 'data-original',
title: false
});
</script>
1
2
3
4
5
6
7
8
2
3
4
5
6
7
8
案例:杭博小程序,《湖山深处》
← 进入页面播放音乐问题 手指缩小扩大 →