文件名称：jQuery 图片浏览放大插件 ZoomImage V1.0.rar
文件大小：497KB
文件格式：RAR
更新时间：2022-07-29 08:29:27
脚本资源-jQuery
附加JavaScript和CSS文件到你的文档。编辑CSS文件并且 匹配你的图片路径，同时改变颜色匹配你网站的主题 重要：像例子中一样确定包含的JavaScript文件 具体顺序。 <link rel="stylesheet" media="screen" type="text/css" href="css/zoomimage.css" />[removed][removed][removed][removed][removed][removed]调用代码 你所需要做的所有事就是使用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 回调函数，当图片获取焦点时触发 关闭所有图片或移除节点 如果你想关闭所有打开的图片或像不通过触发器清除图片（从DOM移除），那么你可以使用 'zoomimageClear'。这个插件的这个选择器永远是 'div.zoomimage'. $('div.zooimage').zoomimageClear();阴影设置 你可以自定义阴影。要做到这一点你必须明白如何布局框来呈现阴影。 每个CSS类负责一个特定区域的阴影。你可以在类中改变背景图片的位置和大小。
【文件预览】：
zoomimage
----index_cn.html(14KB)
----images()
--------bw2.jpg(139KB)
--------bw1.jpg(46KB)
--------shadow-c.png(182B)
--------custom_c.png(3KB)
--------zoomin.cur(326B)
--------shadow.png(311B)
--------custom-lr.png(3KB)
--------th_bw3.jpg(28KB)
--------zoomimage_prev.gif(275B)
--------zoomout.cur(326B)
--------custom.png(4KB)
--------shadow.gif(4KB)
--------lights3.jpg(53KB)
--------shadow-lr.png(135B)
--------bw3.jpg(94KB)
--------th_lights3.jpg(28KB)
--------th_lights2.jpg(36KB)
--------lights2.jpg(115KB)
--------ajax_small.gif(2KB)
--------zoomimage_next.gif(271B)
--------th_bw2.jpg(34KB)
--------lights1.jpg(64KB)
--------th_bw1.jpg(26KB)
--------th_lights1.jpg(30KB)
----js()
--------zoomimage.js(24KB)
--------eye.js(642B)
--------jquery.js(71KB)
--------utils.js(7KB)
--------layout.js(1KB)
----index_en.html(11KB)
----index_all_in_one.html(18KB)
----css()
--------layout.css(2KB)
--------custom.css(2KB)
--------zoomimage.css(3KB)