模仿微信朋友圈 图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存
来源:互联网 发布:北京柒柒网络团队骗 编辑:程序博客网 时间:2024/05/19 17:26
previewImage-mobile
仿微信js-sdk wx.previewImage javascript实现,支持图片预览,滑动切换,双指缩放,图片缓存;
it is a plugin previewImage for mobile html5 which support for picture preview, slide switch, double finger zoom, picture caching
Usage/使用方法
Import dist/previewImage.min.js to your project:
引用 dist/previewImage.min.js 到你的项目中
<script src="dist/previewImage.min.js"></script> <script> var obj = { urls : ['1.png','2.png','3.png'], current : '1.png' }; previewImage.start(obj); </script>
And you can import dist/md5.js to your project,if imported it is uesd to get the hash for md5(image.src) else the hash is image.src;
你也可以引用 dist/md5.js 到你的项目中,如果你引用了md5.js那么我们将会用md5(image.src)作为图片储存的hash值,如果未引用md5,我们将直接用图片地址作为储存图片的key值
<script src="dist/md5.js"></script> <script src="dist/previewImage.min.js"></script> <script> var obj = { urls : ['1.png','2.png','3.png'], current : '1.png' }; previewImage.start(obj); </script>
Demo/案例(请用微信扫一扫,扫描下面二维码,查看案例)
previewImage-mobile github下载地址(如果觉得好用的话,给我来个star就是最大的鼓励)
阅读全文
0 0
- 模仿微信朋友圈 图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存
- 模仿微信朋友圈 图片浏览 h5 html5 js
- Android开发模仿微信发表朋友圈图片多选及图片浏览实现-Assur
- previewImage.js实现类似微信朋友圈图片预览功能
- Android 图片预览模仿朋友圈查看图片效果放大图片,左右滑动
- 微信朋友圈图片显示缩放
- 使用photoview+viewpager实现图片缩放切换(类似微信朋友圈图片查看)
- iOS微信图片浏览模仿
- Android图片预览效果,支持缩放、平移切换
- 点击查看大图,支持左右滑动切换、缩放图片
- 点击查看大图,支持左右滑动切换、缩放图片
- 【Android】一个浏览图片的Android库的实现,可以移动、缩放图片以及滑动切换
- 一款图片选择器,模仿微信的 ui,实现了 图片选取,图片预览 ,拍照 功能
- 微信图片预览
- JavaScript 图片滑动切换效果
- JavaScript 图片滑动切换效果
- JavaScript 图片滑动切换效果
- js图片滑动切换效果
- 2017.8.10 loli 测试
- 【2017/8/10】PXE+TFTP+VSftp+DHCP+Kickstart无人值守安装系统搭建
- tf之object detect安装测试
- Pie
- 关于java路径的问题
- 模仿微信朋友圈 图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存
- JS DOM 绑定的三种方法
- springboot(五)filter/interceptor/listener
- JAVA解析xml DOM SAX JDOM DOM4J
- 课工场 “微服私访”项目学习(二)
- Sqlserver2005-几种分页sql语句的比较
- java内部类
- 【JavaSE学习笔记】IO流02_字节输出流OutputStream、字节输入流InputStream
- Java并发集合的实现原理