朋友圈图片查看效果如何使用js和jq实现

需要点击小图，弹出遮罩层，大图在遮罩层居中，双击屏幕放大，再双击缩小，单击则遮罩层消失，滑动切换图片，类似朋友圈图片预览效果，求大腿解答

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Rattenking Python领域优质创作者 2017-05-31 09:15
关注
MUI有类似的效果，你可以参考一下，图片预览就和你的效果差不多。
http://dev.dcloud.net.cn/mui/

解决 1
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

使用js和jq无法切换display效果 javascript jquery 有问必答
2023-01-31 18:47

回答 4 已采纳页面上出现了2个id为wechatdiv的容器，首先出现的是页头移动端的，然后才是页脚的wechatdiv，而document.getElementById("wechatdiv")只会得到第一个出现
jq实现多个切换效果 javascript 前端
2022-07-18 17:06

回答 3 已采纳你题目的解答代码如下： <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /
jq实现导航栏效果，即选中的文字改变颜色 css html javascript 有问必答
2021-12-27 00:17

回答 1 已采纳你为什么要加target="123"啊?你加target="123"点击之后是打开了一个新的标签页面了啊.新的标签页面加载了与之前相同的页面.文字改变颜色的是原来的标签页面,新打开的标签页面中你没有点
模仿微信朋友圈 图片浏览 js javascript 支持图片预览，滑动切换，双指缩放，图片缓存
2017-08-10 12:11

lyh_951128的博客 previewImage-mobile仿微信js-sdk wx.previewImage javascript实现，支持图片预览，滑动切换，双指缩放，图片缓存; it’s a plugin previewImage for mobile html5 which support for picture preview, slide switch...
jq放大镜效果图片闪烁怎么回事 javascript jquery 有问必答
2021-12-17 19:40

回答 2 已采纳对，遮罩层mask会遮挡下面的元素，让下面的元素无法触发鼠标事件加上pointer-events: none就是让鼠标事件穿过遮罩层mask，让下面的元素触发鼠标事件
有没有网站可以生成JS/JQ效果的？ javascript jquery 前端
2022-04-03 17:55

回答 2 已采纳你说的这个是js插件，别人写好的一个框架直接用，例如layui，你只需要根据文档把相应的参数传递进去就好了
js,jq怎么实现滑动一张图片就刷新一次页面？ html5 javascript jquery
2019-05-22 18:12

回答 2 已采纳 ``` var mySwiper = new Swiper('.swiper-container', { on: { slideChange: function () {
使用jquery qrcode生成二维码图片分享到朋友圈打印二维码
2018-09-06 22:39

HaHa_Sir的博客使用jquery qrcode生成二维码图片分享到朋友圈打印二维码一、依赖js 1、jquery-3.3.1.min.js ： jQuery 2、jquery.qrcode.min.js ：生成二维码插件 3、jquery.jqprint-0.3.js：打印插件二、html 部分...
关于前端JQ或JS获取参数问题。 javascript jquery
2015-08-08 02:44

回答 2 已采纳 http://blog.csdn.net/metal1/article/details/30459383 http://blog.csdn.net/kingisking1/article/detai
jq获取动态标签并添加图片 javascript jquery 前端
2022-10-11 11:12

回答 2 已采纳我推测应该是你用class选择器的缘故，你给每页用不同的class名或者用id选择器试试
用ajax加载出来的标签不能使用jq效果 ajax jquery php
2017-08-19 02:21

回答 3 已采纳改为on，要不执行 ``` $(".li a").click(function(){ $(this).toggleClass("on"); }); 这句只会给已经存在
jQurry实现PC详情页分享到微信、朋友圈、QQ空间、微博
2020-07-20 17:40

吴维炜的博客本文主要实现详情页分享功能，分享到微信、朋友圈、QQ空间、微博，以及打印和收藏功能。一、效果图二、相关代码 2.1html <div class="share-wrapper clear"> <div class="share-left clear"> &lt...
js/jq怎么实现点击首字母筛选出城市 html5 javascript jquery
2019-05-05 14:33

回答 3 已采纳可以通过ajax向后台发送请求，然后后台查询出“点击的字母”开头的城市返回到页面
仿微信朋友圈图片点击放大效果
2017-06-16 17:25

卡卡西不卡的博客依次类推，单击放大版的图片实现关闭效果，对于js能力不太好的我只能找度娘，然后就发现了photoswiper.js，不得不说真的好用，下面我就简单说下用法。首先，和使用其他插件一样找到必须的资源也就是css,js等必须的...
Vue+PHP+MySQL实现一次性多图片上传，js上传多张图片预览，QQ空间朋友圈微博图片动态发表（上）
2019-05-18 20:33

joey无心快语的博客 Vue+PHP+MySQL实现一次性多图片上传，QQ空间朋友圈微博图片动态发表 1.功能描述图片上传在大多Web项目中应该都是必备功能之一，单独上传一张图片比较容易实现，如果要一次性上传多张图片就会麻烦许多。不管是对前端...
没有解决我的问题, 去提问

悬赏问题

¥20 求数据集和代码#有偿答复
¥15 关于下拉菜单选项关联的问题
¥20 java-OJ-健康体检
¥15 rs485的上拉下拉，不会对a-b<-200mv有影响吗，就是接受时，对判断逻辑0有影响吗
¥15 使用phpstudy在云服务器上搭建个人网站
¥15 应该如何判断含间隙的曲柄摇杆机构，轴与轴承是否发生了碰撞？
¥15 vue3+express部署到nginx
¥20 搭建pt1000三线制高精度测温电路
¥15 使用Jdk8自带的算法，和Jdk11自带的加密结果会一样吗，不一样的话有什么解决方案，Jdk不能升级的情况
¥15 画两个图 python或R