Fancybox的API和配置选项说明
属性名 | 默认值 | 简要说明 |
---|---|---|
padding | 10 | 浏览框内边距,和css中的padding一个意思 |
margin | 20 | 浏览框外边距,和css中的margin一个意思 |
opacity | false | 如果为true,则fancybox在动画改变的时候透明度可以跟着改变 |
modal | false | 如果为true,则'overlayShow' 会被设成 'true' , 'hideOnOverlayClick', 'hideOnContentClick', 'enableEscapeButton', 'showCloseButton' 会被设成 'false' |
cyclic | false | 如果为true,相册会循环播放 |
scrolling | 'auto' | 设置overflow的值来创建或隐藏滚动条,可以设置成 'auto', 'yes', or 'no' |
width | 560 | 设置iframe和swf的宽度,如果 'autoDimensions'为 'false',这也可以设置普通文本的宽度 |
height | 340 | 设置iframe和swf的高度,如果 'autoDimensions'为 'false',这也可以设置普通文本的高度 |
autoScale | true | 如果为true,fancybox可以自适应浏览器窗口大小 |
autoDimensions | true | 在内联文本和ajax中,设置是否动态调整元素的尺寸,如果为true,请确保你已经为元素设置了尺寸大小 |
centerOnScroll | false | 如果为true,当你滚动滚动条时,fancybox将会一直停留在浏览器中心 |
ajax | { } |
和jquery的ajax调用选项一样 注意: 'error' and 'success' 这两个回调事件会被fancybox重写 |
swf | {wmode: 'transparent'} | swf的设置选项 |
hideOnOverlayClick | true | 如果为true则点击遮罩层关闭fancybox |
hideOnContentClick | false | 如果为true则点击播放内容关闭fancybox |
overlayShow | true | 如果为true,则显示遮罩层 |
overlayOpacity | 0.3 | 遮罩层的透明度(范围0-1) |
overlayColor | '#666' | 遮罩层的背景颜色 |
titleShow | true | 如果为true,则显示标题 |
titlePosition | 'outside' | 设置标题显示的位置.可以设置成 'outside', 'inside' 或 'over' |
titleFormat | null | 可以自定义标题的格式 |
transitionIn, transitionOut | 'fade' | 设置动画效果. 可以设置为 'elastic', 'fade' 或 'none' |
speedIn, speedOut | 300 | fade 和 elastic 动画切换的时间间隔, 以毫秒为单位 |
changeSpeed | 300 | 切换时fancybox尺寸的变化时间间隔(即变化的速度),以毫秒为单位 |
changeFade | 'fast' | 切换时内容淡入淡出的时间间隔(即变化的速度) |
easingIn, easingOut | 'swing' | 为 elastic 动画使用 Easing |
showCloseButton | true | 如果为true,则显示关闭按钮 |
showNavArrows | true | 如果为true,则显示上一张下一张导航箭头 |
enableEscapeButton | true | 如果为true,则启用ESC来关闭fancybox |
onStart | null | 回调函数,加载内容是触发 |
onCancel | null | 回调函数,取消加载内容后触发 |
onComplete | null | 回调函数,加载内容完成后触发 |
onCleanup | null | 回调函数,关闭fancybox前触发 |
onClosed | null | 回调函数,关闭fancybox后触发 |
Fancybox的API和配置选项说明相关推荐
- Highcharts 配置语法;Highcharts 配置选项详细说明
Highcharts 配置语法 本章节我们将为大家介绍使用 Highcharts 生成图表的一些配置. 第一步:创建 HTML 页面 创建一个 HTML 页面,引入 jQuery 和 Highchar ...
- axios 请求的配置选项
这些是创建请求时可以用的配置选项.只有url是必须的,如果没有指定method,请求将默认使用get方法. axiosaxios 最全 请求拦截器 响应拦截器 配置公共请求头 超时时间 以及get d ...
- 内核编译配置选项含义
Linux 2.6.19.x 内核编译配置选项简介 作者:金步国 版权声明 本文作者是一位自由软件爱好者,所以本文虽然不是软件,但是本着 GPL 的精神发布.任何人都可以自由使用.转载.复制和再分发, ...
- 基于 Node.js + Koa 构建完整的 Web API (配置 ESLint 和使用 Airbnb 编码规范)
主题内容:基于 Node.js + Koa 构建完整的 Web API (配置 ESLint 和使用 Airbnb 代码规范) 背景描述:上一篇 基于 Node.js + Koa 构建完整的 Web ...
- Linux 内核编译配置选项简介(转)
Linux 内核编译配置选项简介 作者:金步国 版权声明 本文作者是一位自由软件爱好者,所以本文虽然不是软件,但是本着 GPL 的精神发布.任何人都可以自由使用.转载.复制和再分发,但必须保留作者署名 ...
- [转]Linux 2.6.19.x 内核编译配置选项简介
Linux 2.6.19.x 内核编译配置选项简介 作者:金步国,转载地址:http://lamp.linux.gov.cn/Linux/kernel_options.html 版权声明 本文作者是一 ...
- Linux 2.6.19.x 内核编译配置选项简介(内核裁剪)
Linux 2.6.19.x 内核编译配置选项简介 Code maturity level options 代码成熟度选项 Prompt for development and/or incomple ...
- Linux 内核配置选项
Linux 内核配置选项 第一部分 01.Code maturity level options ---> 代码成熟等级选项 01.01. [ ] Prompt for development ...
- Linux 内核配置选项(转)
Linux 内核配置选项 from http://www.mitbbs.com/mitbbs_article_t.php?board=Linux&gid=10715608&ftype= ...
最新文章
- 测量一组对角矩阵的频率和质量
- 阿里云云主机添加swap分区与swap性能优化
- 使用DOM读取和维护XML数据
- java arraylist线程安全_ArrayList升级为线程安全的List
- bootstrap学习(四)输入框、导航
- pytorch查看应用指数衰减后的学习率
- javascript中 try catch finally 的使用
- 下载并安装WIN7 SP2的官方补丁包
- 电子电路基础 (4)——电阻的认识
- 台式计算机搜索不到无线信号,win7电脑搜不到无线信号怎么办_win7找不到无线网络怎么解决-win7之家...
- java 调用三角函数_Java中的三角函数方法
- 广东电大计算机绘图试题,电大CAD计算机绘图本实验1小抄参考
- 智能手机选购建议(2018)
- css整理 -- 右箭头,上下箭头,三角形
- MySQL字典表的意思_数据库字典表什么意思
- 用python画佩奇_用python画小猪票佩奇
- 【机器学习】LDA算法原理
- 荣誉系统排名是整个服务器,魔兽世界怀旧服大元帅/高阶督军必备PVP荣誉系统简介...
- 再一次100%通过华为中级认证考试,5G网优工程师高薪稳了!
- uniapp知识图谱(echarts)
热门文章
- 2020年-2月3号
- android垃圾软件还多吗,手机变慢是因为软件产生的垃圾过多吗?
- 按回车提交问题: http://www.cnblogs.com/hfyb/archive/2007/01/21/626135.html
- 浏览器缓存——强缓存与协商缓存
- Android GLSurfaceView笔记
- 中国亿万富豪数量世界第二 152人身家超10亿美元
- 人工神经网络模型有哪些,神经网络分类四种模型
- 2019CCPC江西省赛(重现赛)| 题目 题解
- iPhone “浴霸” 发布,顶配1万2!最强机器学习芯片,计算性能吊打友商
- Matlab中mean函数的使用