4

我正在使用新的 slideJS V3.0，但在单击导航暂停后，我似乎无法让幻灯片动画重新启动。我看到有人说他们使它与分页一起使用，所以我尝试使用它，但无济于事。任何帮助是极大的赞赏！

这是我正在使用的代码（目前正试图让它即使在分页时也能正常工作）

<script>

$(function() {

  $('#slides').slidesjs({

    width: 905,
    height: 310,
     navigation: false,
  play: {
    auto: true,
    pauseOnHover: true,
    effect: 'fade',
    restartDelay: 1500
  },
  pagination: {
    effect: 'fade',
    play: {          
      restartDelay: 1500
    }
  },
  effect: {
    fade: {
       speed: 1500
    },       
    crossfade: true
  }

  });
});

</script>
4

4 回答 4

6

这可以在不修改插件的情况下完成（使用 SlideJS 3.0）。只需在您的选项中添加以下完整回调：

$('#slides').slidesjs({
    callback: {
        complete: function(number) {
            var pluginInstance = $('#slides').data('plugin_slidesjs');

            setTimeout(function() {
                pluginInstance.play(true);
            }, pluginInstance.options.play.interval);
        }
    }
});
于 2013-07-15T14:31:35.060 回答
1

在您的 jquery.slides.js 文件中搜索 _this.stop(true);

它显示大约 3-4 次，下一次和上一次点击.. 您还将看到它显示为 paginationLink.click

我遇到的问题是单击上一个、下一个或分页后滑块停止滑动。我需要重新启动滑块..所以我所做的就是添加一个 setTimeout 到 play()

_this.stop(true);

setTimeout(function ()
{ _this.play(true) }, 3000);
于 2014-09-11T09:08:35.393 回答
0

我今天有同样的问题。

以下是解决方法：在 jquery.sldes.js 文件中转到第 184 行并将其更改为这样

return _this.goto(($(e.currentTarget).attr("data-slidesjs-item") * 1) + 1) && _this.play();

希望这对你有用。

于 2013-07-09T09:17:14.340 回答
0

DEMO： http: //jsbin.com/cujeqekate
旧版本或新版本：

$(function($) {
  var interval = 4000;
  var st = 0;
  var $slides = $('#slides');
  $slides.slidesjs({
    width: 800,
    height: 450,
    play: {
      active: true,
      auto: true,
      interval: interval,
      swap: true,
      pauseOnHover: true
    },
    callback: {
      start: function(number){
        if ( $slides.find('.slidesjs-play').is(':visible')) {
          clearTimeout(st);
          st = setTimeout(function() {
             $slides.find('.slidesjs-play').click();
          }, interval);
        }
      }
    }
  });
});

于 2015-04-16T06:14:41.147 回答