Question

我正在使用此脚本将响应式幻灯片添加到一个小网站。我还没有找到一个完美的幻灯片剧本，我怀疑它是否存在。我来自owl-slider，flux-slider到jquery基本滑块，现在我已经到了responsiveslides.js（responsiveslides.com / https://github.com/viljamis/ResponsiveSlides.js）

我的问题是，我无法使自动设置起作用。这是我启动插件的代码：

$(".rslides_home").responsiveSlides({
    'pause':true
});

此设置应停止动画，我只希望每次点击滑动。但它没有做任何事情。但是，更改默认设置可以完成工作。

有谁有想法如何解决？

Answer 1

您使用的选项错误。 “暂停”在滑块中有不同的含义。自动选项定义滑块是否自动播放。

  $(".rslides_home").responsiveSlides({
    auto: false
    });

以下是滑块的已定义选项。如您所见，当您希望滑块在悬停时停止时，会使用“暂停”选项。

$(".rslides").responsiveSlides({
  auto: true,             // Boolean: Animate automatically, true or false
  speed: 500,            // Integer: Speed of the transition, in milliseconds
  timeout: 4000,          // Integer: Time between slide transitions, in milliseconds
  pager: false,           // Boolean: Show pager, true or false
  nav: false,             // Boolean: Show navigation, true or false
  random: false,          // Boolean: Randomize the order of the slides, true or false
  pause: false,           // Boolean: Pause on hover, true or false
  pauseControls: true,    // Boolean: Pause when hovering controls, true or false
  prevText: "Previous",   // String: Text for the "previous" button
  nextText: "Next",       // String: Text for the "next" button
  maxwidth: "",           // Integer: Max-width of the slideshow, in pixels
  navContainer: "",       // Selector: Where controls should be appended to, default is after the 'ul'
  manualControls: "",     // Selector: Declare custom pager navigation
  namespace: "rslides",   // String: Change the default namespace used
  before: function(){},   // Function: Before callback
  after: function(){}     // Function: After callback
});

这些选项取自http://responsiveslides.com/

responsiveslides.js - 自动无法正常工作

1 个答案: