本文由 源码库 – 管理员 发布,转载请注明出处,如有问题请联系我们!仿微信朋友圈图片预览(移动端)

仿微信朋友圈图片预览(移动端)主要用了jquerypinchzoom两个框架构造开发过程中只用到touch事件所以只手机设备上有效果功能有屏幕手势捏大捏小、双击图片放大、左右滑动等。注意:左右滑动是用touch事件做处理的,只能对手机设备有效果,html结构和类名不要乱动,html结构和类名没有做封装处理。

html结构和类名示例: <div class="img_show_box"> <div class="img_show_content"> <div class="img_show_list"></div> </div> <div class="img_show_pointer"></div> </div>操作说明:将你要展示的图片路径集成一个数组,然后将数组传入imgShow()函数; 示例: let imgArr = [ 'img/img1.png', 'img/img2.png', 'img/img3.png' ]; imgShow(imgArr);

html结构和类名示例: <div class="img_show_box"> <div class="img_show_content"> <div class="img_show_list"></div> </div> <div class="img_show_pointer"></div> </div>操作说明:将你要展示的图片路径集成一个数组,然后将数组传入imgShow()函数; 示例: let imgArr = [ 'img/img1.png', 'img/img2.png', 'img/img3.png' ]; imgShow(imgArr);
评论(0条)
