Flexslider:Como loop número específico de vezes?
-
11-12-2019 - |
Pergunta
Eu quero loop de slides número específico de vezes e parar no último slide.
Por favor, ajuda.
$(document).ready(function() {
$('.flexslider').flexslider({slideshowSpeed: 5000});
});
Solução
Usando a chamada de retorno de recursos que você pode fazer algo como isto.
Primeiro defina uma variável para o número de ciclos que você deseja:
var n = 4
em seguida, quando você inicializar o controle deslizante de adicionar esta opção:
after: function(slider) {
if (slider.currentSlide == slider.count - 1) { // is last slide
n--;
if(n==0) {
slider.pause();
}
}
}
Eu esperava para usar o end: function(){}
recurso, mas este só é acionado quando a animação está desativado.Há um ligeiro incómodo aqui como o var n
vai continuar a diminuir se os usuários ciclo manualmente.Não é muito problemático, embora eu espero.
Um bom bônus aqui é que você pode retomar a apresentação de slides se você quiser.Confira o avançado docs para mais.
Espero que ajude!
Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow