插件描述：模拟微信点击图片放大效果，仅支持移动端
更新时间：2019-08-27 23:57:22
说明：该插件仅支持移动端
//初始化
var wxScale = new WxScale({
fullPage: document.querySelector("#fullPage"),
canvas: document.querySelector("#canvas")
});
var imgBox = document.querySelectorAll("#imgBox img"); //为需要的图片添加放大功能
for (var i = 0; i < imgBox.length; i++) {
imgBox[i].onclick = function(e) {
wxScale.start(this); //这里的this指向需要放大的这张图片
}
}
PREVIOUS:
NEXT:
相关插件-弹出层,图片展示
一款简单实用的弹窗插件JMask（原创）
JMask是一款遮罩插件，其小巧灵活，在项目开发中方便实用。使用方式也特别简单，只需要引入一个js文件，该插件基于JQuery开发，所以使用之前需要引入JQuery文件。
弹出层
讨论这个项目（18）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约
修夏55 0
2020/11/16 15:48:28
var wxScale = new WxScale({
fullPage: document.querySelector("#fullPage"),
canvas: document.querySelector("#canvas")
});
$('.singleProuct img').onclick = function(e) {
console.log('我在点击给点反应好不好');
wxScale.start(this);
};我这样设置无反应
太极凌云 0
2020/9/18 14:24:24
当是动态生成的img,点击没有反应，放大不了，我试了在外层加上
$(".input-box").on("click", "img", function() {}
}）也不行，有解决方案？有的话麻烦回复一下，多谢！！！
西瓜0
2020/9/18 15:27:41
-
执行顺序问题，动态生成图片是在插件执行完后加入的，你需要再次加载插件才行。
Morningzzz0
2021/10/21 11:03:03
-
怎么再创建完动态图片后，再次加载插件呢调用楼主中js方法
入・戏太深 0
2020/5/10 15:22:50
-
你好, 请教一下, 首次点击铺满屏幕 图片变得有点模糊有什么解决方案吗?
土豆同学1
2020/5/11 9:00:11
-
如果你原始的图片大小比较小的话，因为要铺满屏幕需要放大，所以会失真，导致有点模糊。这种情况只要放张足够大的图就可以了。
如果原始图片本来就很大的话，那我也不知道了，我这边试了很多图都不会模糊。。
修夏550
2020/11/16 16:49:29
-
我图片放的很大,尺寸很大也很清楚放大后还是很模糊呢
承德水滴网络0
2020/12/12 15:42:28
-
同样的问题，尺寸很大也很清楚放大后还是很模糊
😃
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
😃
取消回复
- 😀
- 😉
- 😥
- 😵
- 😫
- 😘
- 😡
- 👍
- 🌹
- 👏
- 🍺
- 🍉
- 🌙
- ⭐
- 💖
- 💔
