博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

responsiveslides 插件(图片轮播插件)

Posted on 2015-11-23 00:43  SmarTom  阅读(603)  评论(0编辑  收藏  举报

参数详解:

$(".rslides").responsiveSlides({
  auto: true,             // Boolean: 设置是否自动播放, true or false
  speed: 500,            // Integer: 动画持续时间,单位毫秒
  timeout: 4000,          // Integer: 图片之间切换的时间,单位毫秒
  pager: false,           // Boolean: 是否显示页码, true or false
  nav: false,             // Boolean: 是否显示左右导航箭头(即上翻下翻), true or false
  random: false,          // Boolean: 随机幻灯片顺序, true or false
  pause: false,           // Boolean: 鼠标悬停到幻灯上则暂停, true or false
  pauseControls: true,    // Boolean: 悬停在控制板上则暂停, true or false
  prevText: "Previous",   // String: 往前翻按钮的显示文本
  nextText: "Next",       // String: 往后翻按钮的显示文本
  maxwidth: "",           // Integer: 幻灯的最大宽度
  navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
  manualControls: "",     // Selector: 声明自定义分页导航
  namespace: "rslides",   // String: 修改默认的容器名称
  before: function(){},   // Function: 回调之前的参数
  after: function(){}     // Function: 回调之后的参数
});