Fancybox—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—Fancybox的API和配置选项说明相关推荐
- Fancybox的API和配置选项说明
属性名 默认值 简要说明 padding 10 浏览框内边距,和css中的padding一个意思 margin 20 浏览框外边距,和css中的margin一个意思 opacity false 如果为 ...
- 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= ...
最新文章
- R语言scan函数读取文件为向量或者列表格式实战
- 专访 CNCF 大使张磊:让云原生不再是大厂专属
- Ubuntu10.04下gFtp2.0.19 远程客户端中文乱码解决方法
- Xamarin Android教程Android基本知识版本介绍与系统介绍
- android 讯飞语音评测,讯飞语音评测demo
- MySQL中group_concat()函数用法总结
- RxSwift之深入解析Subject的使用和实现原理
- java listview控件_ListView普通列表控件的使用
- Error:No-bean-named-springSecurityFilterChain-available
- Google Android 向华为“闭源”!华为手机迎来至暗时刻!
- 现代语音信号处理之语谱图(spectrogram)
- fairygui 与 spine动画的适配处理
- cass道路设计教程_cass道路设计
- 明哥,给大学生的几点建议
- 美创科技出席世界信息安全大会:多维数据安全框架体系,护航新基建发展
- 美女直播这么火,那你知道怎么测试直播软件吗?
- 湍流 Spectrum 与 Cascade 的理解
- 【JAVA8】快速理解Consumer、Supplier、Predicate与Function
- Django大咖之路: 如何对付学习Django过程中所遇到的挫败感?
- PMP/高项 项目整合管理
热门文章
- 1013-----C语言----------几个va_宏函数的使用
- HDU 5009 Paint Pearls
- MFC中的CFileFind类
- SylixOS Python扩展库开发
- 程序员玩连连看的正确姿势
- Angular学习笔记04——绑定和管道
- 寻找自己的道路——与技术同胞共勉 一种划分为七个阶段的道路:自信=意志=布局=切入点=团队=渠道=产品...
- 多步骤查询的解决方案
- Axis1.x WebService开发指南—目录索引
- 6.Docker技术入门与实战 --- Docker数据管理