图片在线预览html,强大的jQuery图片查看器插件Viewer.js

插件描述：Viewer.js 是一款强大的图片查看器

1、引入文件

JS 版本：

jQuery 版本：

注意：JS 版本和 jQuery 版本名字虽然一样，但代码不一样，不能通用。

2、HTML

3、JavaScript

JS 版本：var viewer = new Viewer(document.getElementById('jq22'));

jQuery 版本：$('#jq22').viewer();

配置名称类型默认值说明inline布尔值false启用 inline 模式

button布尔值true显示右上角关闭按钮(jQuery 版本无效)

navbar布尔值/整型true显示缩略图导航

title布尔值/整型true显示当前图片的标题(现实 alt 属性及图片尺寸)

toolbar布尔值/整型true显示工具栏

tooltip布尔值true显示缩放百分比

movable布尔值true图片是否可移动

zoomable布尔值true图片是否可缩放

rotatable布尔值true图片是否可旋转

scalable布尔值true图片是否可翻转

transition布尔值true使用 CSS3 过度

fullscreen布尔值true播放时是否全屏

keyboard布尔值true是否支持键盘

interval整型5000播放间隔，单位为毫秒

zoomRatio浮点型0.1鼠标滚动时的缩放比例

minZoomRatio浮点型0.01最小缩放比例

maxZoomRatio数字100最大缩放比例

zIndex数字2015设置图片查看器 modal 模式时的 z-index

zIndexInline数字0设置图片查看器 inline 模式时的 z-index

url字符串/函数src设置大图片的 url

build函数null回调函数，具体查看演示

built函数null回调函数，具体查看演示

show函数null回调函数，具体查看演示

shown函数null回调函数，具体查看演示

hide函数null回调函数，具体查看演示

hidden函数null回调函数，具体查看演示

view函数null回调函数，具体查看演示

viewed函数null回调函数，具体查看演示