mui 原生jsH5预览图片

mui 原生jsH5预览图片
下载mui.min.css，mui.js，mui.zoom.js，mui.imageViewer.js，mui.previewimage.js，app.js

<link rel="stylesheet" href="./css/mui.min.css">
<script src="./js/mui.js"></script>
<script src="./js/mui.zoom.js"></script>
<script src="./js/mui.imageViewer.js"></script>
<script src="./js/mui.previewimage.js"></script>
<script src="./js/app.js"></script>
<link rel="stylesheet" href="./css/mui.previewimage.css">
  <script  type="text/javascript">
             
  mui.init();
  mui.previewImage();
  mui.plusReady(function() {})
</script>
```图片上加入data-preview-src=""  data-preview-group="1"   data-preview-group的之必须一样
```html
   <div class="flex-leftCenter">
     <img data-preview-src=""  data-preview-group="1" src="./img/1.png" alt="">
     <img data-preview-src=""  data-preview-group="1" src="./img/2.png" alt="">
   </div>

所需资源 样例地址：https://download.csdn.net/download/weixin_42824963/87257981（csdn资源必须需要积分 所以抱歉） 没有积分可以加作者微信：