Viewer.js 使用方法

配置

<link rel="stylesheet" href="css/viewer/viewer.min.css">
<script src="js/viewer/viewer-jquery.min.js"></script>

使用

$("#veh_head_box").mouseover(function(){
$('#veh_head_box').viewer({
url: 'data-original',//大图路劲
navbar:false,//缩略图
title:false,//显示当前图片的标题（现实 alt 属性及图片尺寸）
zoomRatio:0.4,//鼠标滚动时的缩放比例
toolbar:true//显示工具栏
});
})