模仿微信朋友圈 图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存
08月10日 12:11:38
阅读数:2311
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>
12345678
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>
123456789
Demo/案例(请用微信扫一扫,扫描下面二维码,查看案例)
previewImage-mobile github下载地址(如果觉得好用的话,给我来个star就是最大的鼓励)