100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 模仿微信朋友圈 图片浏览 js javascript 支持图片预览 滑动切换 双指缩放 图片缓存

模仿微信朋友圈 图片浏览 js javascript 支持图片预览 滑动切换 双指缩放 图片缓存

时间:2021-10-02 06:18:45

相关推荐

模仿微信朋友圈 图片浏览 js javascript 支持图片预览 滑动切换 双指缩放 图片缓存

模仿微信朋友圈 图片浏览 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就是最大的鼓励)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。