模仿微信朋友圈 图片浏览 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/案例(请用微信扫一扫,扫描下面二维码,查看案例)

demo

previewImage-mobile github下载地址(如果觉得好用的话,给我来个star就是最大的鼓励)

阅读全文
0 0
原创粉丝点击