<html>
<head>
<link href="https://cdn.bootcss.com/viewerjs/1.5.0/viewer.min.css" rel="stylesheet">
</head>
<body>
<div>
<ul id="images">
<li><img src="https://s1.ax1x.com/2020/04/10/GT6AmR.jpg" alt="Picture 1"></li>
<li><img src="https://s1.ax1x.com/2020/04/10/GT6AmR.jpg" alt="Picture 2"></li>
<li><img src="https://s1.ax1x.com/2020/04/10/GT6AmR.jpg" alt="Picture 3"></li>
</ul>
</div>
<script src="https://cdn.bootcss.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/viewerjs/1.5.0/viewer.min.js"></script>
<script type="text/javascript">
const gallery = new Viewer(document.getElementById('images'));
</script>
</body>
</html>
浏览器全屏浏览图片 可缩放 旋转等
最新推荐文章于 2023-04-23 14:40:09 发布