zoukankan      html  css  js  c++  java
  • 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

    作者:Crazy Ma
    出处:http://www.cnblogs.com/intcry
    ♪:30%的技术+70%的精神,帮助别人得到他想要的,你就能得到你想要的! ♪

  • 相关阅读:
    第二阶段冲刺6
    第二阶段冲刺5
    第二阶段冲刺4
    第二阶段冲刺3
    暑假学习进度七
    暑假学习进度六
    暑假学习进度五
    暑假学习进度四
    暑假学习进度三
    暑假学习进度二
  • 原文地址:https://www.cnblogs.com/intcry/p/2551953.html
Copyright © 2011-2022 走看看