1

我正在使用 Flexslider - http://www.woothemes.com/flexslider/我有一个滑块设置，里面有 37 个幻灯片（是的，我知道这很荒谬）。我需要一种方法，当页面加载时，它会在幻灯片 1 和幻灯片 37 之间随机选择一张幻灯片，然后从那里依次继续。

例如：

页面加载并随机选择幻灯片# 17。幻灯片 17 之后出现的下一张幻灯片应该是 18，然后是 19，然后是 20，依此类推。

下次加载页面时，它会随机选择另一张幻灯片。说这次它加载 29。下一张幻灯片应该是 30，然后是 31，然后是 32，等等......

到目前为止，我已经弄清楚了逻辑，我知道我需要一种方法来首先让 Flexslider 计算当前滑块中的幻灯片数量。然后我需要取那个数字并在滑块中选择一个介于 1 和 X # 之间的随机数。

我在 Flexslider 网站上找到了一些代码：

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
        });
    });
4

1 回答 1

4

使用上述代码设置变量有效，然后您可以调用该变量。

$(窗口).load(函数(){

var randomthis = Math.floor((Math.random()* $('.flexslider li').length )+1);

$('.flexslider').flexslider({
  animation: "slide",
  useCSS: false,
  controlNav: false,
  slideshow: false,
  startAt: randomthis

});

});

于 2013-11-12T15:06:53.977 回答