[原]ZoomImage 中文版汉化说明 jQuery图片浏览放大插件

附加JavaScript和CSS文件到你的文档。编辑CSS文件并且匹配你的图片路径，同时改变颜色匹配你网站的主题 重要：像例子中一样确定包含的JavaScript文件具体顺序。

<link rel="stylesheet" media="screen" type="text/css" href="css/zoomimage.css" />
<script type="text/javascript" src="js/eye.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/zoomimage.js"></script>

调用代码

你所需要做的所有事就是使用jQuery的方式选择一个元素并且调用插件。

 $('a.myLinks').zoomimage(options);

可选项

一个哈希参数。所有的参数都是可选的。

Opacity	float	控制栏和标题栏的不透明度。默认: 0.3
border	integer	图片的边框宽度。默认: 0
duration	integer	动态化持续时间。默认: 300 译者注：控制图片放大的时间和标题栏、控制栏显示的时间，两个操作不同步进行。
easing	string	动画缓和。默认: linear
prevent	integer	拖动图像前忽略的位移像素（防止鼠标的意外拖动所用）。默认: 14 译者注：防止鼠标按下后意外移动导致图像发生位移。
controls	boolean	是否显示控制条（如果一个图片组中只有一张图片，则控制条不显示）。默认: true
caption	boolean	是否显示标题（标题的内容来源于a标签的title属性）。默认: true
centered	boolean	图片放大后是否在浏览器中心显示。默认: false
hideSource	boolean	图片放大后是否影藏原微缩图像。默认: false
className	string	用户自定义的CSS样式名。默认: false。译者注：false时使用zoomimage.css文件，className即为css文件名同时也是css类名。
controlsTrigger	string	控制标题的显示样式，'focus'图像获取到焦点是显示标题，'mouseover'鼠标悬停在图片上时显示标题。默认: 'focus'
preload	string	预处理，'click'当点击是加载图片，'load'文档载入时就加载图片。默认: 'click'
onLoad	function	回调函数，当图像被加载的时候触发
beforeZoomIn	function	回调函数，在图像被放大前触发
onZoomIn	function	回调函数，在图像被放大时触发
beforeZoomOut	function	回调函数，在图像被缩小前触发
onZoomOut	function	回调函数，在图像被缩小时触发
onFocus	function	回调函数，当图片获取焦点时触发