文件引用:
jquery-ui-1.10.3.custom.min.js
jquery.fancybox-1.3.4.css
jquery.mousewheel-3.0.4.pack.js
jquery.fancybox-1.3.4.pack.js
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.showActivity 显示加载动画
$.fancybox.hideActivity 隐藏加载动画
$.fancybox.next 展示下一个图
$.fancybox.prev 展示上一个图
$.fancybox.close 关闭fancybox
常用的参数:
titlePosition 标题的位置,只能被设置成inside和outside
transitionIn, transitionOut 窗口显示的方式,可以设置为'elastic', 'fade' or 'none' 'fade'
centerOnScroll 当设置成ture的时候,fancybox窗口在滚动网页滚动的时候保持居中
例子:
jQuery.fancybox({
'width' : 400,
'height' : 200,
'autoScale' : false,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'inline',
'href' : '#permissionContent'
});
相关推荐
[jQuery插件] fancyBox:适合移动端以及PC端的弹层+照片浏览插件
jquery.fancybox-1.3.4
fancyapps-fancyBox-v2.1.3-0-gcd2bc9a.zip,很好的弹出框效果ui,很好用。
Include nessesary JS files (FancyBox uses pngFix to fix IE png transparency). --------------------------- /* required */ <script type="text/javascript" src="js/jquery.js"></script> ...
官方离线安装包,亲测可用。使用rpm -ivh [rpm完整包名] 进行安装
jquery 弹出层插件,图片点击放大插件推荐FancyBox,版本为2.1.7 效果查看http://fancyapps.com/fancybox/ 或者https://www.baiyongj.com/event/fancybox-2.1.7/index.html
python库。 资源全名:django-fancybox-0.1.5.tar.gz
Fancybox是一款基于jquery的对图片展示播放的插件,当然,它html文本、flash动画、iframe以及ajax也予以支持。还可以通过css自定义外观,阴影效果超级赞!
Fancybox鼠标控制助手 fancybox的帮助器,可让您放大和缩小图像
资源分类:Python库 所属语言:Python 资源全名:fancybox-1.0.0-py3-none-any.whl 资源来源:官方 安装方法:https://lanzao.blog.csdn.net/article/details/101784059
query.fancybox-1.3.4
官方离线安装包,亲测可用。使用rpm -ivh [rpm完整包名] 进行安装
前端项目-fancybox,支持触摸、响应迅速且完全可自定义的jquery lightbox脚本
基于jQuery的图片点击弹窗预览大图插件
原生jQuery-fancybox不支持Base64的图片,改资源已经过改造,支持Base64格式图片(需要满足正则【data:image\/.*,】的前缀以识别Base64编码),但暂时对IE8支持不好。 之前的资源【JQuery-fancybox(支持Base64)...
Some good interface code
官方离线安装包,亲测可用。使用rpm -ivh [rpm完整包名] 进行安装
matlab开发-fancybox。更灵活的更改轴框外观的方法