jztd
/
yvan-ext


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536
							<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width,initial-scale=1.0"/>
    <title>LMIS 10</title>
    <link rel="stylesheet" type="text/css"
          href="./viewer.css"/>
    <script type="text/javascript" src="./viewer.js"></script>
</head>
<body>
<!-- 单张图片 -->
<div style="display: none">
    <img id="image" data-original="img/viewer1.jpg" src="img/viewer1.jpg" alt="图片1">
</div>

<!-- 多张图片 -->
<ul id="viewer" style="display: none">
    <li><img data-original="img/viewer1.jpg" src="img/viewer1.jpg" alt="图片1"></li>
    <li><img data-original="img/viewer2.jpg" src="img/viewer2.jpg" alt="图片2"></li>
    <li><img data-original="img/viewer3.jpg" src="img/viewer3.jpg" alt="图片3"></li>
    <li><img data-original="img/viewer4.jpg" src="img/viewer4.jpg" alt="图片4"></li>
    <li><img data-original="img/viewer5.jpg" src="img/viewer5.jpg" alt="图片5"></li>
    <li><img data-original="img/viewer6.jpg" src="img/viewer6.jpg" alt="图片6"></li>
</ul>
</body>
<script>
    var viewer = new Viewer(document.getElementById('viewer'), {
        transition: false,
        url: 'data-original'
    });
    viewer.show()
</script>