zhanhongtao / jQuery.slide.js

可定制化 jQuery slide 扩展

jQuery.slide.js

可定制化 jQuery slide 扩展

实例: http://zhanhongtao.github.io/jQuery.slide.js/index.html

使用方法

1. var slide = $.slide( setting );
2. $.slide.setting.auto = 1; $.slide({length: 10});

配置项:

• length {Number} 总条目数
• index {Number} 索引 - 用于初始化
• rotate {Boolean} 是否循环
• auto {Boolean} 是否自动轮播
• timeout {Number} 指定 auto 时, 时间间隔, 单位 s
• step {Number} 轮播时, 步长
• per {Number} 当前显示条目长度

方法:

• getConfig() 获取配置信息, 可手动更新 index, rotate, auto 等信息.
• go( index )
• next()
• prev()
• play() 手动播放
• pause() auto 开启时, 停止 auto.
• resume() auto 开启时, 继续 auto.

  var slide = $.slide({length: 10});
  var config = slide.getConfig();

事件:

• 'before'
• 'change'
• 'after'
• '_slide' + $.GUID + $.now() 为内部事件.

slide.on( 'before', function( e, p ) {
  // p.to                         切换到索引 to
  // p.from                       从索引 from 切换来.
  // p.direction                  切换的方向 -1/1
  // p.o                          切换到索引的原始值. to 为处理过的值.
  // e.stopImmediatePropagation()
  // e.stopPropagation()
});

@Update 2014-05-05