随机滑动除第一张幻灯片外的光滑幻灯片

时间:2017-05-26 09:12:47

标签: javascript jquery slick.js

我正在使用Slick Slider,我可以将所有幻灯片随机化,但我希望排除第一张幻灯片。假设我有6张幻灯片,顺序是:1,[radomized:3,5,4,2,6]或1,[随机:6,4,3,2,5]等。希望我提供了足够的信息。所以简而言之,我希望第一张幻灯片首先出现,然后其余的随机化

到目前为止我所拥有的:

 $(function() {

  var slideCount = $('.slideshow > div').length;
  var randomStart = Math.floor(Math.random() * slideCount);

  $('.slideshow').slick({
    initialSlide: randomStart,
    infinite: true,
    autoplay: true,
    autoplaySpeed: 4000,
    pauseOnHover: false,
    accessibility:true    
    });

  });

1 个答案:

答案 0 :(得分:2)

如果在幻灯片初始化之前随机化幻灯片呢? 看到这段代码: https://css-tricks.com/snippets/jquery/shuffle-dom-elements/

如果您希望第一张幻灯片保持不变,请将其排除:

$('.slideshow > div').not(':first-child').shuffle();