Flexslider в случайном порядке после анимации

Question

Я пытаюсь рандомизировать порядок слайдов на flexslider. Случайная опция позволяет вам рандомизировать заказ при загрузке. С помощью этого кода я собрал код ниже: Flexslider Start at a random slide and then continue loading sequentially

Любая идея, что я делаю неправильно?

$(window).load(function() { 
    var randomthis = Math.floor((Math.random()* $('.flexslider li').length)+1); 
    $('.flexslider').flexslider({ 
    after: function(slider) { 
    startAt: randomthis 
    }, 
    }); 
}); 

Answer 1

FlexSlider поддерживает рандомизированные слайды. Вы можете использовать следующий код

$(window).load(function() { 
    $('.flexslider').flexslider({ 
     randomize: true 
    }); 
}); 

Для вашего требования, вы можете использовать следующий код.

$(window).load(function() { 
    var randomthis = Math.floor((Math.random()* $('.flexslider li').length)); 
    $('.flexslider').flexslider({ 
     after: function(slider) { 
      startAt: randomthis 
     }, 
    }); 

    // **CAUTION** the below code will remove ALL the setTimeouts 
    var highestTimeoutId = setTimeout(";"); 
    for (var i = 0 ; i < highestTimeoutId ; i++) { 
     clearTimeout(i); 
    } 

    // This code will add a new setTimeout function for randomizing the 
    a = function(){ 
     var newrandval = Math.floor((Math.random()* $('.flexslider li').length)); 
     while(randomthis == newrandval){ 
      newrandval = Math.floor((Math.random()* $('.flexslider li').length)) 
     } 
     randomthis = newrandval; 
     $('.flexslider').flexslider(randomthis); setTimeout(a,3000) 
    } 
    a(); 
}); 

Answer 2

вот рабочий макет вашего кода, используйте startAt вместо функции; http://jsbin.com/kunizo/1/edit?js,output

$(window).load(function() { 
    // create function that returns random number 
    var random = function(num){ 
    var numRandom = Math.floor((Math.random()* num)); 
    return numRandom; 
    }; 
    // create variable with slides length; 
    var slidesLength = $('.flexslider li').length 
    // init flexslider and start at random number 
    $('.flexslider').flexslider({ 
    startAt: random(slidesLength) 
    }); 
});