|
padding | 跟CSS里的padding差不多一个意思 |
| imageScale | 如果为true,则图片会被缩放以适应窗口 |
| zoomOpacity | 如果为true,则在动画过程中内容的透明度会改变 |
| zoomSpeedIn | zooming-in动画时的速度,单位为毫秒。0的话动画将不会出现 |
| zoomSpeedOut | zooming-out动画时的速度,单位为毫秒。0的话动画将不会出现 |
| zoomSpeedChange | 切换图片时的动画速度,单位为毫秒。值为0的话将不会出现动画 |
| easingIn, easingOut, easingChange | 决定动画使用何种easing效果 |
| frameWidth | iframe和inline框口的默认宽度 |
| frameWidth | iframe和inline框口的默认宽度 |
| frameHeight | iframe和inline框口的默认高度 |
| overlayShow | 如果值为true的话,则显示遮罩,默认为false。遮罩的颜色可以在CSS里定义 |
| overlayOpacity | 遮罩的透明度。值为0到1. |
| hideOnContentClick | 值为true的话,则在点击Fancybox对象时,Fancybox会被隐藏 |
| centerOnScroll | 值为true时,当用户滚动页面时,内容会一直居中显示 |
| itemArray | 可选项,可以设置自定义数组(事实上我还不知道用来干嘛的= =有空再研究下代码) |
| callbackOnStart | 可选项,在Fancybox启动时会被调用 |
| callbackOnShow | 可选项,在Fancybox显示内容时会被调用 |
| callbackOnClose | 可选项,在Fancybox关闭时会被调用 |
常用的函数:
$.fancybox.showActivity 显示加载动画
$.fancybox.hideActivity 隐藏加载动画
$.fancybox.next 展示下一个图
$.fancybox.prev 展示上一个图
$.fancybox.close 关闭fancybox
常用的参数:
titlePosition 标题的位置,只能被设置成inside和outside
transitionIn, transitionOut 窗口显示的方式,可以设置为'elastic', 'fade' or 'none' 'fade'
centerOnScroll 当设置成ture的时候,fancybox窗口在滚动网页滚动的时候保持居中
本文详细解析了Fancybox插件的核心配置参数及其作用,并提供了常见函数的使用说明,帮助开发者深入掌握Fancybox的配置与使用方法。
4230

被折叠的 条评论
为什么被折叠?



