Flexslider infinito loop

Question

È necessario correggere il dispositivo di scorrimento della pagina iniziale in modo che non torni indietro attraverso tutte le diapositive alla fine. Deve essere un ciclo continuo. Ma non so cosa sto sbagliando. Esempio: http://3dollar.vigorbranding.com/

<script type="text/javascript"> 
    jQuery(window).load(function() { 
     jQuery('#carousel').flexslider({ 
      animation: "slide", 
      controlNav: false, 
      animationLoop: false, 
      slideshow: true, 
      itemWidth: 187, 
      itemMargin: 0, 
      asNavFor: '#slider' 
     }); 

     jQuery('#slider').flexslider({ 
      animation: "slide", 
      controlNav: false, 
      animationLoop: true, 

      <?php if (ot_get_option('autoslide') == 'yes') { ?> 

      slideshow: true,    //Boolean: Animate slider automatically 
      slideshowSpeed: <?php echo ot_get_option('delay') ?>, 

      <?php } else { ?> 
      slideshow: false, 
      <?php } ?> 

      sync: "#carousel", 
      start: function(slider) { 
       jQuery('body').removeClass('loading'); 
      } 
     }); 

    }); 
</script> 

Answer 1

impostare il animationLoop a true al contrario di false

Answer 2

Ho appena avuto questo stesso dibattito. animationLoop: vero non era abbastanza per me ... ho letto il thread su questo problema qui:

https://github.com/woothemes/FlexSlider/issues/287

e sulla base delle raccomandazioni in questa discussione, ho finito per la conversione in bxSlider:

http://bxslider.com/examples/carousel-dynamic-number-slides

che non solo fa perfettamente il ciclo infinito, ma il suo modello di dimensionamento sembra più intuitivo; Sono stato in grado di allinearlo più facilmente con la mia griglia. Se si pensa di:

[ item ][mgn][ item ][mgn][ item ][mgn][ item ][mgn] 

(dove MGN = margine)

poi nel flexslider se regolare la larghezza voce e il margine in modo che il cursore è interamente giustificato:

[  page width   ] 
[ item ][mgn][ item ][mgn][ item ][mgn][ item ][mgn] 

poi una volta che avessi fatto scorrere verso il bordo RH c'era ancora un "ghost slide" che si nascondeva dal bordo destro che era il margine finale:

        [  page width   ] 
[ item ][mgn][ item ][mgn][ item ][mgn][ item ][mgn] 
                 ghost slide^

bxSlider tiene conto perfettamente di questo.