Nieograniczona pętla Flexslider

Question

Konieczne jest naprawienie suwaka strony głównej, aby nie wyświetlał się po wszystkich slajdach na końcu. Musi być płynną pętlą. Ale nie wiem, co robię źle. Przykład: 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

ustawić animationLoop do true w przeciwieństwie do false

Answer 2

miałem tylko tę samą dyskusję. animationLoop: prawda nie było wystarczająco dużo dla mnie ... Czytałem wątek na ten temat tutaj:

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

i na podstawie zaleceń zawartych w tym wątku, skończyło się konwersji na bxSlider:

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

który nie tylko wykonuje nieskończoną pętlę idealnie, ale jej model wymiarowania wydaje się bardziej intuicyjny; Byłem w stanie łatwiej dostosować to do mojej siatki. Jeśli myślisz o:

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

(gdzie MGN = margines)

następnie w flexslider gdybym dopasować szerokość elementu i margines tak, że suwak jest w pełni uzasadnione:

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

następnie kiedy przewinąłem się do krawędzi RH, nadal istniała "przesuwająca się duch", która czaiła się poza krawędzią RH, która była końcem końcowym:

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

Konta bxSlider do tego doskonale.