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