微信浏览器内使用微信自带图片查看器放大查看图片
在微信内打开网址,网站内容中的图片是不能进行放大操作的,需要使用微信的JSSDK
中的方法进行实现。
首先引入weixin.js
<script src="http://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>
1
然后遍历图片,给图片添加点击事件,调用微信的方法查看图片。
<script>
function imageInit(){
var imgList = [];
// 获取容器内所有的img元素
var imgObjs = $("#content img");
// 遍历img元素
for(var i=0; i<imgObjs.length; i++){
imgList.push(imgObjs.eq(i).attr('src'));
// 给img元素添加点击事件
imgObjs.eq(i).click(function(){
var imgUrl = $(this).attr('src');
wx.previewImage({
current: imgUrl , // 当前显示图片的http链接
urls: imgList // 需要预览的图片http链接列表
});
});
}
}
window.onload = function(){
imageInit();
}
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
上次更新: 2023/09/22, 16:54:32