Flexslider無限循環

需要修復主頁滑塊，以便在最後不會飛回所有幻燈片。需要成爲一個無縫循環。但我不知道我做錯了什麼。例如：http://3dollar.vigorbranding.com/Flexslider無限循環

<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>

來源

2013-04-01 user822179

設置animationLoop到true而不是false

來源

2013-04-01 15:04:48 kingkode

也做了這個，底部的導航卡住了。 – user822179

是的，這是奇怪的..似乎現在同步關閉..一個快速的解決方案是將'animationLoop'設置回'false'並將'animation'改爲'fade' ..這樣，圖像會交叉淡化並會給無縫感覺沒有滑動..生病看多了一點，以找到一個堅實的解決方案.. – kingkode

也發現這[問題報告在github上]（https://github.com/woothemes/FlexSlider/issues/ 331）關於同步和animationloop都設置時遇到同樣的事情的用戶。 – kingkode

我有同樣的辯論。 animationLoop：真的是不夠的，我......我讀了這個問題在這裏螺紋：

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

，並根據在此線程的建議，我最終轉換爲bxSlider：

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

它不僅完美無限循環，而且其大小模型似乎更直觀;我已經能夠更容易地將其與我的網格對齊。如果你想的：

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

（其中MGN =保證金）

然後在flexslider如果我調整的項目寬度和利潤，使滑塊是完全有道理的：

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

然後一旦我已經滾動到RH邊緣仍然有「鬼幻燈片」潛伏關閉RH邊緣那是後頁邊空白：

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

bxSlider完美地解決了這個問題。

來源

2014-07-31 14:00:40 sifriday

Flexslider無限循環

回答

相關問題