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

2024-05-07 19:19:12

模仿微信朋友圈图片浏览 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

Demo/案例(请用微信扫一扫，扫描下面二维码，查看案例)

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

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

Android控件之证件照控件包含模仿微信朋友圈照片浏览
本次带来的是一个证件照控件功能:可以自定义证件照存储路径.压缩大小.水印文字.水印颜色.水印大小 certificateview 使用说明: 将其添加到存储库末尾的根的build.gradle中: ...
html微信朋友圈demo,Vue.js实现模拟微信朋友圈开发demo
我用Vue.js实现微信朋友圈的一些功能,实现展示朋友圈,评论,点赞. 先构造一个vue的实例,对会更改的数据进行双向绑定, 我用JSON伪造模版数据,先实现显示朋友圈的效果,使用v-for方法去循环 ...
php mysql朋友圈设计_CoffeePHP社区模仿微信朋友圈的逻辑（SWOOLE+REDIS+PHP+MYSQL实现消息推送）...
CREATE TABLE `cn_friends_circle` ( `fc_id` varchar(50) CHARACTER SET utf8 NOT NULL DEFAULT '' COMMEN ...
html仿微信朋友圈图片浏览,模仿微信朋友圈图片浏览 h5 html5 js
啥也不说了直接上代码 Document body{margin:0;} img{height:100px;width:100px;position:relative;display:block;mar ...
微信朋友圈，模仿微信朋友圈，朋友圈点赞评论
1.上图 2.上代码 <div class="base-wrap word-break" style="padding: 40px 0 100px;"& ...
模仿微信朋友圈的一款自嗨小程序
生成区: 1.点击文本框,输入你想说的话 2.点击图片按钮,添加你想要上传的图片,可添加多个,最多九个,也可删除图片 3.点击点赞数量,可随机帮您生成点赞的假用户 4.点击添加日期,可自动帮您生成日期 ...
js分享到微信朋友圈、QQ空间、QQ好友、新浪微博、腾讯微博、豆瓣、人人......
各种分享...... <!DOCTYPE html> <html> <head> <title>share</title> <scri ...
一个仿微信朋友圈的图片查看框架 - PhotoViewer
PhotoViewer 该图片查看器是模仿微信朋友圈查看图片编写 allprojects {repositories {...maven { url 'https://jitpack.io' }}}复 ...
Android自定义弹窗模仿微信,Android 仿微信朋友圈点赞和评论弹出框功能
本文简单模仿微信朋友圈的点赞和评论弹出框,布局等细节请忽略,着重实现弹出框.发评论,及弹出位置的控制. 1. 微信弹出框微信朋友圈的点赞和评论功能,有2个组成部分: 点击左下角的"更多&q ...

最新文章

热门文章