fancybox的学习——fancybox的参数:http://www.icyfire.me/2009/07/jqueryfancybox/

来源:互联网 发布:2016编程语言排名 编辑:程序博客网 时间:2024/05/22 03:12

padding

跟CSS里的padding差不多一个意思imageScale如果为true,则图片会被缩放以适应窗口zoomOpacity如果为true,则在动画过程中内容的透明度会改变zoomSpeedInzooming-in动画时的速度,单位为毫秒。0的话动画将不会出现zoomSpeedOutzooming-out动画时的速度,单位为毫秒。0的话动画将不会出现zoomSpeedChange切换图片时的动画速度,单位为毫秒。值为0的话将不会出现动画easingIn, easingOut, easingChange决定动画使用何种easing效果frameWidthiframe和inline框口的默认宽度frameWidthiframe和inline框口的默认宽度frameHeightiframe和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窗口在滚动网页滚动的时候保持居中