jQuery插件FancyBox丰富的弹出效果附源码下载

jQuery插件FancyBox丰富的弹出效果附源码下载
FancyBox是一个优秀的jQuery插件显示了丰富的弹出效果。在你的面前,我们已经介绍了facybox弹出效果。与facybox,Fancybox似乎功能更齐全。除了加载DIV,图片,图片集,Ajax数据,它可以加载的SWF视频,iframe页面等。

效果演示源代码下载

FancyBox特征:

支持图片、文本、Flash动画、iframe,Ajax;

您可以自定义播放器的CSS样式;

它可以以组的形式播放。

如果鼠标(鼠标滚轮滚动插件插件)在内,FancyBox也可以支持鼠标滚轮滚动翻转图片;

Fancybox播放器支持投影,更有立体感。

支持键盘方向键和ESC键。

丰富的参数设置方法调用。

扩展性强。
怎么用它

本文以2演示为例说明FancyBox使用。

1。添加一个Javascript引用和一个CSS文件的引用

2、HTML
图片集,支持键盘方向键

三.叫Fancybox
$(函数(){())
$(一组} { rel=)。Fancybox({
titleposition:过度的,
循环:真的,
titleformat:功能(标题,currentarray,currentindex,currentopts){
返回+(currentindex + 1)+
/+ currentarray.length +(title.length+标题:)+;
}
});
});
注意FancyBox的参数设置:关键的价值。titleposition:设置图片的标题的图片显示位置。循环:设置浏览圆browsing.titleformat图片:设置图片标题的格式,可以显示图片的总数量和当前图片的顺序

一个列表的Fancybox插件的主要参数和方法
参数方法
描述
默认
基本的
宽度
弹出设置串行端口的宽度时,含量为SWF,iframe,或单一的线。

autodimensions'should被设置为false
五百六十
高度
弹出设置串行口的高度时,内容是SWF,iframe,或单一的线。

autodimensions'should被设置为false
三百四十
循环
当内容是图片集时是否显示循环。

centeronscroll
弹出窗口总是在浏览器的中间。

情态动词
是否使用模式窗口,设置为true时,同时应:'hideonoverlayclick ','hideoncontentclick,

enableescapebutton ','showclosebutton设置为false,and'overlayshow'is设置为true

titleposition
标题的位置可以设置to'outside ','inside or'over ' '

转型期,transitionout
窗口的显示方式可以设置to'elastic ','fade or'none ' '
消失
发送
方法,将被剪辑的图片的数据发送到服务器,以便服务器接收要处理的参数。

例如:cropzoom.send(过程。php,'post,{ ID = 1 },功能(R){ alert(R);});
方法
fancybox.showactivity美元。
显示加载动画
fancybox.hideactivity美元。
隐藏加载动画
fancybox.close美元。
关闭窗口
fancybox.resize美元。
自动调整窗口的高度以适应内容。
居中的
容器的中心显示在选择的中间。
以上内容是对jQuery插件FancyBox丰富的弹出效果源代码下载完整的描述,我希望你喜欢它。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部