模仿微信朋友圈 图片浏览 js javascript 支持图片预览,滑动切换,双指缩放,图片缓存
2017年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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9