jQuery Flux Slider 2D/3D 图片切换效果展示

今天发现这个插件效果酷毙了!发来收藏一下

Flux Slider 是一个基于CSS3动画的图片切换效果插件,使用了很多CSS3的新属性,其切换效果很流畅,2D切换效果基本和其他的类似插件差不多,但是它的3D切换效果非常炫目,至少我个人比较喜欢那个Explode爆炸效果,图片被分成很多小块,然后分崩离析的朝你扑面而来,效果非常酷^_^

作者演示页:http://www.joelambert.co.uk/flux/
下载及说明:https://github.com/joelambert/Flux-Slider

这里还有一个演示地址:http://blog.dvxj.com/uploadimg/Flux_Slider_2D-3D_Image_Transitions/

Options 参数选项
autoplay:Boolean (default: true)
图片切换是否自动开始,默认值为true,不自动开始请设置为false。
pagination:Boolean (default: false)
是否显示图片页码导航,可以手动点击页码切换图片。默认值为false。
controls:Boolean (default: false)
是否显示上一张、下一张控制按钮,默认值为false。
captions:Boolean (default: false)
图片说明文字条是否显示,说明文字取自于img标签中的title值。
delay:Integer (default: 4000)
自动切换时,两张图片切换之间的时间,默认值为4000毫秒,也就是图片显示4秒钟后切换到下一张。
width:Interger (default: null)
图片容器宽度,默认值为null,插件会自动获取图片宽度。
height:Interger (default: null)
图片容器高度,默认值为null,插件会自动获取图片高度。
transitions:Array (default: all available transitions)
切换效果,如未添加此选项,默认加载所有可用效果。也可以只用自己喜欢的效果,一个或者多个。
2D切换效果:
bars
blinds
blocks
blocks2
concentric
dissolve (requires mask support)
slide
warp
swipe
zip
3D切换效果:
bars3d
blinds3d
cube
tiles3d
turn
explode
浏览器兼容:
Safari
Chrome
iOS
Blackberry Playbook
Firefox 4
Opera 11

posted @ 2012-06-16 16:57  Crazy Ma  阅读(1062)  评论(1编辑  收藏  举报