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丰富的弹出效果源代码下载完整的描述,我希望你喜欢它。