FlexSlider图片轮播切换jQuery插件

FlexSlider图片轮播切换jQuery插件
价格 免费
插件介绍

flexSlider是一款强大的图片轮播插件。


参数说明

  • animation: "slide",            // String: ["fade"|"slide"],动画效果
  • easing: "swing",                // String: 滚动动画计时函数
  • direction: "horizontal",     // String: 滚动方向 ["horizontal"|"vertical"]
  • reverse: false,                   // Boolean: 翻转 slide 运动方向
  • animationLoop: true,       // Boolean: 是否循环播放
  • smoothHeight: false,       // Boolean: 自动适应图片高度
  • startAt: 0,                         // Integer: 开始播放的 slide,从 0 开始计数
  • slideshow: true,               // Boolean: 是否自动播放
  • slideshowSpeed: 5000,    // Integer: ms 滚动间隔时间
  • animationSpeed: 600,     // Integer: ms 动画滚动速度
  • initDelay: 0,                     // Integer: ms 首次执行动画的延迟
  • randomize: false,             // Boolean: 是否随机 slide 顺序
  • pauseOnAction: true,      // Boolean: 用户操作时停止自动播放
  • pauseOnHover: false,      // Boolean: 悬停时暂停自动播放
  • useCSS: true,                    // Boolean: 是否使用 css3 transition
  • touch: true,                      // Boolean: 允许触摸屏触摸滑动滑块
  • video: false,                      // Boolean: 使用视频的 slider,防止 CSS3 3D 变换毛刺
  • controlNav: true,              // Boolean: 是否创建控制点
  • directionNav: true,           // Boolean: 是否创建上/下一个按钮(previous/next)
  • prevText: "Previous",        // String: 上一个按钮文字,可为html元素
  • nextText: "Next",               // String: 下一个按钮文字,可为html元素
  • keyboard: true,                 // Boolean: 是否开启键盘左(←)右(→)控制
  • multipleKeyboard: false,   // Boolean: 是否允许键盘控制多个 slide
  • mousewheel: true,            // Boolean: 是否开启鼠标滚轮控制
  • pausePlay: false,               // Boolean: 是否创建暂停与播放按钮
  • pauseText: 'Pause',           // String: 暂停按钮文字
  • playText: 'Play',                // String: 播放按钮文字
  • controlsContainer: "",      // jQuery Object/Selector
  • manualControls: "",         // jQuery Object/Selector 自定义控制 slider 的元素
  • sync: "",                           // Selector: 关联 slide 与 slide 之间的操作。
  • itemWidth: 0,                  // Integer: slide 宽度,多个同时滚动时设置
  • itemMargin: 0,                // Integer: slide 间距
  • minItems: 1,                    // Integer: 最少显示 slide 数, 与 `itemWidth` 相关
  • maxItems: 0,                   // Integer: 最多显示 slide 数, 与 `itemWidth` 相关
  • move: 0,                          // Integer: 一次滚动移动的 slide 数量,0 - 滚动可见的 slide
  • start: function(){},            // Callback: function(slider) - 初始化完成的回调
  • before: function(){},        // Callback: function(slider) - 每次滚动开始前的回调
  • after: function(){},           // Callback: function(slider) - 每次滚动完成后的回调
  • end: function(){},            // Callback: function(slider) - 执行到最后一个 slide 的回调
  • added: function(){},        // Callback: function(slider) - slide 添加时触发
  • removed: function(){}     // Callback: function(slider) - slide 被移除时触发

  • 最新评论
  • 总共 0 条评论