2017-05-26 113 views
0

我使用光滑幻灯片,并且可以随机化所有幻灯片,但我希望排除第一张幻灯片。假设我有6张幻灯片,顺序是:1,[radomized:3,5,4,2,6]或1,[randomized: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  
    }); 

    }); 
+0

它不是随机的,如果你只是改变了initialSlide,是吗? – rishipuri

+0

嗨rishipuri,对不起,上述会给我一个随机的开始号码 - 所以它可能会开始于4,然后5,6,1,2,3等等。我想我会很高兴它是1 - 4,5,6,1,2,3 – NickP

回答

2

约随机什么滑梯订购以前初始化华而不实? 看到这个代码: https://css-tricks.com/snippets/jquery/shuffle-dom-elements/

如果你想第一张幻灯片留unchagned,只是排除:

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

额头上Sla手掌。 Demitri非常聪明! - 我从CSS技巧中使用该脚本,并且它没有出现在我使用.not(':first-child')选择器中。感谢您帮助我以不同的方式看待这个:) – NickP

+0

很高兴帮助! –