首先准备三张图片
初始图
放大后的图
点击按钮图(看需求,没有就直接将 preview-img 类加在初始图片上)
previewSsrc: 置入图片路径
<p class="img03"><img src="img/p15-3.png" alt="">
<img class="preview-img" previewSsrc="img/p15-3-preview.jpg" src="img/p15-8.png" />
</p>
var url = 'https://' + hostUrl+'/xxxx/xxxx/';
//url:拼接地址专用
$('.preview-img').on('click',function(){
var _this = $(this);
wx.previewImage({
current: url+_this.attr('previewSsrc')+'?v=2',
urls: [url+_this.attr('previewSsrc')+'?v=2']
});
})
然后,就没有然后了
图片大小放在3000左右