viewer.js文件下载地址:下载文件
1、第一种使用方法:直接点击图片查看图片
$('#viewerImage').viewer({"zIndex": "9999"});
$("#viewerImage").viewer('update');
2、第二种方法:直接点击图片查看图片
// viewer放大图片预览设置配置项
const viewer = new Viewer(document.getElementById('viewerImage'), {"inline": false, "button": true, "navbar": true, "title": true, "toolbar": true, "tooltip": true,"movable": true, "zoomable": true, "rotatable": true, "scalable": true, "transition": true, "fullscreen": true,"keyboard": true, "url": "data-original"});
注意:如果不是点击图片,而是点击别的地方出现放大效果,应在后面加上.show():
new Viewer(document.getElementById('viewerImage'), {}).show();