Jquery Flexslider从随机幻灯片开始,然后继续按顺序加载
我用的是Flexslider——我有一个滑块设置,里面有37张幻灯片(是的,我知道这很荒谬)。我需要一种方式,当页面加载时,它会在幻灯片1和幻灯片37之间随机选择一个幻灯片,然后从那里开始继续 例如: 页面加载并随机选择幻灯片#17。幻灯片17之后出现的下一张幻灯片应该是18,然后是19,然后是20,依此类推 下次页面加载时,它会随机选择另一张幻灯片。假设这一次它加载了29。下一张幻灯片应该是30,然后是31,然后是32,等等 到目前为止,我已经弄清楚了逻辑,我知道我需要一种方法,首先让Flexslider计算当前滑块中的幻灯片数量。然后我需要取这个数字,然后在滑块中的1到X张幻灯片之间选择一个随机数 我在Flexslider网站上找到了一些代码:Jquery Flexslider从随机幻灯片开始,然后继续按顺序加载,jquery,random,flexslider,Jquery,Random,Flexslider,我用的是Flexslider——我有一个滑块设置,里面有37张幻灯片(是的,我知道这很荒谬)。我需要一种方式,当页面加载时,它会在幻灯片1和幻灯片37之间随机选择一个幻灯片,然后从那里开始继续 例如: 页面加载并随机选择幻灯片#17。幻灯片17之后出现的下一张幻灯片应该是18,然后是19,然后是20,依此类推 下次页面加载时,它会随机选择另一张幻灯片。假设这一次它加载了29。下一张幻灯片应该是30,然后是31,然后是32,等等 到目前为止,我已经弄清楚了逻辑,我知道我需要一种方法,首先让Flex
start: function(slider) {
$('.total-slides').text(slider.count);
},
我知道这会给你幻灯片的数量,但我不知道该怎么做才能得到一个随机数传递给
startAt: 0,
选择权
这是我当前的flexslider jquery
jQuery( document ).ready( function( $ ) {
$('.flexslider').flexslider({
animation: "slide",
useCSS: false,
controlNav: false,
slideshow: false,
start: function(slider) {
$('.total-slides').text(slider.count); // This gets the number of slides in the slider
},
startAt: 0, //This should be a random number
});
});
我认为你不希望startAt进入start属性。试试这个:
$('.flexslider').flexslider({
...
startAt: function() {
var slideCount = $('.total-slides').text(slider.count);
var mySlide = Math.floor((Math.random()*slideCount)+1);
return mySlide;
}
});
这部分是基于and。使用上述代码设置变量,然后可以调用该变量 $(窗口)。加载(函数(){
})) 随机计算中的+1对我不起作用。但是如果没有它,它就可以正常工作。正如Martin已经说过的,+1必须被删除。幻灯片索引从0开始。您希望startAt:0表示第一个,startAt:1表示第二个,依此类推。
var randomthis = Math.floor((Math.random()* $('.flexslider li').length )+1);
$('.flexslider').flexslider({
animation: "slide",
useCSS: false,
controlNav: false,
slideshow: false,
startAt: randomthis
});