第一个是Viewer.js
链接： http://www.dowebok.com/192.html
使用方法1、文件导入
JS版本：
link rel=' style sheet ' href=' CSS/viewer.min.CSS ' script src=' js/viewer.min.js '/script jquery版本：
link rel=' style sheet ' href=' CSS/viewer.min.CSS ' script src=' js/jquery.min.js '/scriptscriptsrc=' js /
2、htmlulid=' Dow ebok ' Li img src=' img/Tibet-1.jpg ' alt='图像1'/li/ul 3，JavaScript JS版本：
var viewer=new viewer (document.getelementbyid (' Dow ebok ' ) )； jQuery版本：
$('#dowebok ' ).viewer (； 设置名称类型默认值说明inline布尔值启用false inline模式button布尔值true显示右上角的关闭按钮(禁用jQuery版本) navbar布尔值/整数true显示缩略图导航title布尔整数true显示当前图像的标题(现实alt属性和图像大小) toolbar布尔值/整数true显示工具栏tooltip布尔值true显示缩放率movable布尔值true图像是否可移动fndspable布尔值true图像是否可缩放rotatable布尔值true图像是否可旋转scalable布尔值true图像是否可ition布尔值true使用cs3过度ful lscreen布尔值true播放时是否全屏显示keyboard布尔值true是否支持键盘间隔整数5000， 单位毫秒fndspRatio浮点0.1鼠标滚动缩放倍率minZoomRatio浮点0.01最小缩放倍率maxZoomRatio数字100最大缩放倍率zIndex数字2015图像查看器modal模式下的z-indexzIndexInline 设置line模式下的图像查看器z-indexurl字符串/函数src设置大图像的urlbuild函数null回调函数，演示built函数null回调函数，演示show函数null回调函数，演示show函数具体看演示hidden函数null回调函数，具体看演示view函数null回调函数，具体看演示viewed函数null回调函数，具体看演示二： fndspify.js
链接： http://www.dowebok.com/214.html
使用方法1、部署文件link rel=' style sheet ' href=' CSS/fndspify.min.CSS ' script src=' js/jquery.min.js '/scripts ript 位置1、属性名称类型默认值说明duration整数200动画持续时间easing字符串linear动画持续时间scale整数/浮点数0.9图像最大缩放2、方法名称说明示例fndsp放大或缩小$((.fndspify fndspIn放大$ (， fndspIn )、fndspIn )、fndspIn )； fndspOut缩小$(myimage ) ).fndspify ) ) fndspOut )； reposition为$(#myimage ) )、fndspify )、reposition )； 3、事件名称说明fndsp-in.fndspify放大前事件fndsp-in-complete.fndspify放大后事件fndsp-out.fndspify缩小前事件fn DSP-out-compify