viewer.js一个强大的的图像查看插件(支持旋转、缩放)_前端技术_我的小家_八零在线_符号象

<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">一、简介<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">Viewer.js 是一款强大的图片查看器。<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">Viewer.js 有以下特点：<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">支持移动设备触摸事件 支持响应式 支持放大/缩小 支持旋转（类似微博的图片旋转） 支持水平/垂直翻转 支持图片移动 支持键盘 支持全屏幻灯片模式（可做屏保） 支持缩略图 支持标题显示 支持多种自定义事件 Viewer.js 提供了纯 JS 版本和 jQuery 版本,版本名字虽然一样，但代码不一样，不能通用。<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">二、下载<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">纯JS版本：<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">下载地址：<a href="https://github.com/fengyuanchen/viewerjs" style="color: rgb(66, 139, 202); text-decoration-line: none;">https://github.com/fengyuanchen/viewerjs</a><p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">演示地址：<a href="http://demo.jb51.net/js/viewerjs/js/" style="color: rgb(66, 139, 202); text-decoration-line: none;">http://demo.jb51.net/js/viewerjs/js/</a><p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">jQuery 版本：<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">下载地址：<a target="_blank" href="https://github.com/fengyuanchen/jquery-viewer" style="color: rgb(66, 139, 202); text-decoration-line: none;">https://github.com/fengyuanchen/jquery-viewer</a><p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">演示地址：<a target="_blank" href="http://demo.jb51.net/js/viewerjs/jquery/" style="color: rgb(66, 139, 202); text-decoration-line: none;">http://demo.jb51.net/js/viewerjs/jquery/</a><p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">三、使用方法<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">1、直接引入文件<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">Javascript版：<blockquote style="margin: 0px auto 10px; padding: 4px 4px 4px 10px; outline: none; background: rgb(241, 247, 253); border-left: 3px solid rgb(158, 206, 241); color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal;"><link rel="stylesheet" href="css/viewer.min.css" rel="external nofollow" rel="external nofollow" > <script src="js/viewer.min.js"></script></blockquote><p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">jQuery版：<blockquote style="margin: 0px auto 10px; padding: 4px 4px 4px 10px; outline: none; background: rgb(241, 247, 253); border-left: 3px solid rgb(158, 206, 241); color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal;"><link rel="stylesheet" href="css/viewer.min.css" rel="external nofollow" rel="external nofollow" > <script src="js/jquery.min.js"></script> <script src="js/viewer.min.js"></script></blockquote><p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">4、JavaScript<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">Javascript版：<div class="jb51code" style="margin: 5px 0px 0px 5px; padding: 0px; outline: none; line-height: 32px; width: 800px; overflow: hidden; clear: both; position: relative; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);"><div style="margin: 0px; padding: 0px; outline: none; line-height: 32px;"><div class="syntaxhighlighter js" style="padding: 1px; outline: none; width: 800px; line-height: 32px; margin: 1em 0px !important; position: relative !important; overflow: auto !important; font-size: 1em !important;"><table width="800"><tbody style="word-break: break-all !important; border-radius: 0px !important; background: none !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-align: left !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><tr style="word-break: break-all !important; border-radius: 0px !important; background: none !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;" class="firstRow"><td class="gutter" style="padding: 8px; border-color: rgb(193, 218, 215); line-height: 22px; margin: 0px !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; color: rgb(175, 175, 175) !important;" width="NaN"><div class="line number1 index0 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">1</div><div class="line number2 index1 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">2</div><div class="line number3 index2 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">3</div><div class="line number4 index3 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">4</div><div class="line number5 index4 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">5</div><div class="line number6 index5 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">6</div><div class="line number7 index6 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">7</div></td><td class="code" style="padding: 8px; border-color: rgb(193, 218, 215); line-height: 22px; margin: 0px !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;" width="764"><div class="container" style="line-height: 17.6px; margin: 0px !important; padding: 0px !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: relative !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><div class="line number1 index0 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js keyword" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; font-weight: bold !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: rgb(0, 102, 153) !important;">var</code> <code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">image = </code><code class="js keyword" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; font-weight: bold !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: rgb(0, 102, 153) !important;">new</code> <code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">Viewer(document.getElementById(</code><code class="js string" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: blue !important;">'image'</code><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">),{</code></div><div class="line number2 index1 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js spaces" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important;"> </code><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">url: </code><code class="js string" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: blue !important;">'data-original'</code></div><div class="line number3 index2 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">});</code></div> <div class="line number5 index4 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js keyword" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; font-weight: bold !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: rgb(0, 102, 153) !important;">var</code> <code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">viewer = </code><code class="js keyword" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; font-weight: bold !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: rgb(0, 102, 153) !important;">new</code> <code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">Viewer(document.getElementById(</code><code class="js string" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: blue !important;">'viewer'</code><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">),{</code></div><div class="line number6 index5 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js spaces" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important;"> </code><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">url: </code><code class="js string" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: blue !important;">'data-original'</code></div><div class="line number7 index6 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">});</code></div></div></td></tr></tbody></table></div></div></div><p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">jQuery 版：<div class="jb51code" style="margin: 5px 0px 0px 5px; padding: 0px; outline: none; line-height: 32px; width: 800px; overflow: hidden; clear: both; position: relative; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);"><div style="margin: 0px; padding: 0px; outline: none; line-height: 32px;"><div class="syntaxhighlighter js" style="padding: 1px; outline: none; width: 800px; line-height: 32px; margin: 1em 0px !important; position: relative !important; overflow: auto !important; font-size: 1em !important;"><table width="800"><tbody style="word-break: break-all !important; border-radius: 0px !important; background: none !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; text-align: left !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><tr style="word-break: break-all !important; border-radius: 0px !important; background: none !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;" class="firstRow"><td class="gutter" style="padding: 8px; border-color: rgb(193, 218, 215); line-height: 22px; margin: 0px !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; color: rgb(175, 175, 175) !important;" width="NaN"><div class="line number1 index0 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">1</div><div class="line number2 index1 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">2</div><div class="line number3 index2 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">3</div><div class="line number4 index3 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">4</div><div class="line number5 index4 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">5</div><div class="line number6 index5 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">6</div><div class="line number7 index6 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 0.5em 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border-width: 0px 3px 0px 0px !important; border-top-style: initial !important; border-right-style: solid !important; border-bottom-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-right-color: rgb(108, 226, 108) !important; border-bottom-color: initial !important; border-left-color: initial !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; text-align: right !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;">7</div></td><td class="code" style="padding: 8px; border-color: rgb(193, 218, 215); line-height: 22px; margin: 0px !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;" width="764"><div class="container" style="line-height: 17.6px; margin: 0px !important; padding: 0px !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: relative !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important;"><div class="line number1 index0 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">$(</code><code class="js string" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: blue !important;">'#image'</code><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">).viewer({</code></div><div class="line number2 index1 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js spaces" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important;"> </code><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">url: </code><code class="js string" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: blue !important;">'data-original'</code></div><div class="line number3 index2 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">});</code></div> <div class="line number5 index4 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">$(</code><code class="js string" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: blue !important;">'#viewer'</code><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">).viewer({</code></div><div class="line number6 index5 alt1" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js spaces" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important;"> </code><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">url: </code><code class="js string" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: blue !important;">'data-original'</code></div><div class="line number7 index6 alt2" style="line-height: 17.6px; color: rgb(159, 184, 204); margin: 0px !important; padding: 0px 1em !important; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; background: none rgb(252, 252, 252) !important; border: 0px !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; width: auto !important; box-sizing: content-box !important; font-size: 1em !important; min-height: auto !important; white-space: pre !important;"><code class="js plain" style="margin: 3px auto 0px; padding: 0px 0px 0px 5px; background: rgb(255, 255, 255); border-left: 3px solid rgb(108, 226, 108); line-height: 30px; width: 640px; font-size: 14px; clear: both; outline: 0px !important; word-break: break-all !important; border-radius: 0px !important; border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-image: initial !important; inset: auto !important; float: none !important; height: auto !important; overflow: visible !important; position: static !important; vertical-align: baseline !important; box-sizing: content-box !important; font-family: Consolas, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important; min-height: auto !important; color: black !important;">});</code></div></div></td></tr></tbody></table></div></div></div><p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);">四、配置<p style="margin-top: 0px; margin-bottom: 0px; padding: 3px 0px; outline: none; line-height: 30px; color: rgb(34, 34, 34); font-family: tahoma, arial, "Microsoft YaHei"; font-size: 16px; white-space: normal; background-color: rgb(255, 255, 255);"> <table width="820"><thead><tr class="firstRow"><th style="margin: 0px; padding: 8px; outline: none; font-style: inherit; font-weight: inherit; text-align: left; border-color: rgb(193, 218, 215); line-height: 22px; background: rgb(202, 232, 234);">名称</th><th style="margin: 0px; padding: 8px; outline: none; font-style: inherit; font-weight: inherit; text-align: left; border-color: rgb(193, 218, 215); line-height: 22px; background: rgb(202, 232, 234);">类型</th><th style="margin: 0px; padding: 8px; outline: none; font-style: inherit; font-weight: inherit; text-align: left; border-color: rgb(193, 218, 215); line-height: 22px; background: rgb(202, 232, 234);">默认值</th><th style="margin: 0px; padding: 8px; outline: none; font-style: inherit; font-weight: inherit; text-align: left; border-color: rgb(193, 218, 215); line-height: 22px; background: rgb(202, 232, 234);">说明</th></tr></thead><tbody><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">inline</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">false</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">启用 inline 模式</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">button</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">显示右上角关闭按钮（jQuery 版本无效）</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">navbar</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值/整型</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">显示缩略图导航</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">title</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值/整型</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">显示当前图片的标题（现实 alt 属性及图片尺寸）</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">toolbar</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值/整型</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">显示工具栏</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">tooltip</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">显示缩放百分比</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">movable</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">图片是否可移动</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">zoomable</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">图片是否可缩放</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">rotatable</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">图片是否可旋转</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">scalable</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">图片是否可翻转</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">transition</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">使用 CSS3 过度</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">fullscreen</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">播放时是否全屏</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">keyboard</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">布尔值</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">true</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">是否支持键盘</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">interval</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">整型</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">5000</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">播放间隔，单位为毫秒</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">zoomRatio</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">浮点型</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">0.1</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">鼠标滚动时的缩放比例</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">minZoomRatio</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">浮点型</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">0.01</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">最小缩放比例</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">maxZoomRatio</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">数字</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">100</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">最大缩放比例</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">zIndex</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">数字</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">2015</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">设置图片查看器 modal 模式时的 z-index</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">zIndexInline</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">数字</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">0</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">设置图片查看器 inline 模式时的 z-index</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">url</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">字符串/函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">src</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">设置大图片的 url</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">build</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">null</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">回调函数，具体查看演示</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">built</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">null</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">回调函数，具体查看演示</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">show</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">null</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">回调函数，具体查看演示</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">shown</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">null</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">回调函数，具体查看演示</td></tr><tr style="background: rgba(255, 255, 153, 0.4);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">hide</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">null</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">回调函数，具体查看演示</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">hidden</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">null</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">回调函数，具体查看演示</td></tr><tr><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">view</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">null</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">回调函数，具体查看演示</td></tr><tr style="background-color: rgb(245, 250, 250);"><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">viewed</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">函数</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">null</td><td style="margin: 0px; padding: 8px; outline: none; border-color: rgb(193, 218, 215); line-height: 22px; text-align: left;">回调函数，具体查看演示 </td></tr></tbody></table>实列：<pre style="background-color:#262e37;color:#ffffff;font-family:'Consolas',monospace;font-size:11.3pt;"><div class="carousel_banner" id="bannerImg1"> <div class="prev" id="prev1"></div> <div class="next" id="next1"></div> <ul class="clearfix"> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/FtxveQXtpa5yF7C_npAtbZT_bgq9.jpg!watermark" class="image0"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/FlabJiXN4Q5iB3J4L9P4JvNnE5iW.jpg!watermark" class="image1"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/Fqa4dzhFZW2LUD_5ANN6ug6IVmAk.jpg!watermark" class="image2"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/Fv4rtv0-CFoAtYzGdGYQif_eIQyb.jpg!watermark" class="image3"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/FmIwJQ1kb97WkGStBBeJ9QBk7ww6.jpg!watermark" class="image4"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/Fsku4soYE9TrumtMeVjBUoCjYkcx.jpg!watermark" class="image5"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/FgRKjuCamWVyY8VVT0sGr6FzntfR.jpg!watermark" class="image6"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/Fk46iOP7v8Zqe3czt3db9CkF5gKw.jpg!watermark" class="image7"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/FiN0H265oaNOwZPsF88Ol4ETwuWT.jpg!watermark" class="image8"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/FggQ22Sq2rJnOqP6GNEVGf2WvDHJ.jpg!watermark" class="image9"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/Fi1-SPOIw-oGVSskxEPIvAO0EbH2.jpg!watermark" class="image10"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> <li> <a href="javascript:;"> <img src="http://cg.80zx.com.cn/FvdMqHphuGZexvzPaYNwviDgHUAK.jpg!watermark" class="image11"                     alt="制造业工厂模型,车间工厂模型,汽车工厂,工厂车间模型,工厂厂房模型,标准化车间工厂"> </a> </li> </ul> </div></pre><pre style="background-color:#262e37;color:#ffffff;font-family:'Consolas',monospace;font-size:11.3pt;">$('#bannerImg1').on('click', 'ul li a', function () { var src = $(this).find('img').attr('src'); // var i      = 0;    var index = 0; var $ul = $('<ul></ul>'); $('#bannerImg1 ul li a img').each(function (i, item) { var image = $(item).attr('src'); $ul.append($('<li><img src="' + image + '"></li>')); if (image == src) { index = i; } }); new Viewer($ul.get(0), { initialViewIndex: index, title: false, transition: false    }).show(); });</pre>最终效果图<img src="http://img.80zx.com/ueditor/image/202205/1651563673f5e564.jpg" title="viewerjs使用效果" alt="viewerjs使用效果"/>通过给图片增加data-image属性绑定图片放大事件代码参考<pre style="background-color:#2b2b2b;color:#a9b7c6;font-family:'JetBrains Mono',monospace;font-size:9.8pt;"><script>  $('body').off('click', '[data-image]').on('click', '[data-image]', function () { var viewer = new Viewer($(this).get(0), { url: 'src',      hidden: function () { viewer.destroy();      },    });    viewer.show();    return false;  }); </script></pre>