软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 源码下载 > 脚本资源 > jQuery > jQuery 图片浏览放大插件 ZoomImage V1.0下载

jQuery 图片浏览放大插件 ZoomImage V1.0

  • 界面语言:多国语言 / 汉化补丁
  • 文件大小:496 KB
  • 资源等级:3星级
  • 相关链接:Home Page
  • 有无插件:无插件
  • 授权方式:免费版
  • 更新时间:2010-08-05 16:39:47
  • 运行环境:windows

附加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 回调函数,当图片获取焦点时触发

关闭所有图片或移除节点

如果你想关闭所有打开的图片或像不通过触发器清除图片(从DOM移除),那么你可以使用 'zoomimageClear'。这个插件的这个选择器永远是 'div.zoomimage'.

$('div.zooimage').zoomimageClear();阴影设置
你可以自定义阴影。要做到这一点你必须明白如何布局框来呈现阴影。

每个CSS类负责一个特定区域的阴影。你可以在类中改变背景图片的位置和大小。

 报告下载错误
jQuery 图片浏览放大插件 ZoomImage V1.0
推荐下载
下载说明
栏目导航
推荐下载