Question

需要修复主页滑块，使其不会在最后的所有幻灯片中飞回。需要成为一个无缝循环。但我不知道我做错了什么。示例：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

将animationLoop设置为true而不是false

Answer 2

我刚才进行了同样的辩论。 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边缘，仍然有一个“幻影幻灯片”＆＃39;潜伏在边缘的RH边缘：

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

bxSlider完美地解释了这一点。

Flexslider无限循环

2 个答案: