一、项目需求 用collectionView展示很多照片，点击某个照片，用全屏scrollView无限循环的方式查看图片。点击放大的图片，图片缩小到原先的尺寸。 如图gif1.gif所示，点击中间的图片，放大图片，滑动图片。再点击大图，图片回到相应的位置 ...

人员表格中实现照片预览，并且可点击放大。查看原图 <table id="dutyInfoTable" class="layui-hide"></table> js //定义列 var cols = [ [{ type: 'radio ...

html5从一开始就给开发者很多的期待，提供众多新的API，不用再想以前一样，为了实现某个功能写很多的代码。在以前，如果要实现图片预览会怎么做呢，因为为了安全的原因，web端的js是不能读取文件的本地 ...

...

主要用的是swiper，pc，app都适用，根据实际需要，添加或者删除一些东西 其中必须：swiper.css，swiper.js，jquery.js，几张图片 接下来贴入代码结构html部分 ...

...

点击预览大图功能 1、 给轮播图swiper-item绑定点击事件 2、 预览功能的本质是调用了小程序的api:previewImage 微信公众号----文档----开发----API----媒体----图片----wx.previewImage ...

1、先上图 原图：test1.png mask图：test-mask.png 结果图：mask.png 2、代码部分 ...