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无限循环

回答

相关问题