Flexslider无限循环不起作用 [英] Flexslider infinite loop is not working

问题描述

我在网上浏览 Flexslider有一个众所周知的问题，它与滑块或轮播一起到达滑块中的最后一项时，它会飞回第一个，而不是使无限循环保持平稳 我不敢相信没有人能解决这个问题 这是我正在使用的flexSlider代码:

I was looking all over the web there is a very known issue with Flexslider either with the slider or the carousel when it gets to the last item in the slider it flys back to the first one instead of keeping the infinite loop smoothly I can't believe no one has a solution for that this is the flexSlider code I am using:

$(document).ready(function() {
    $(window).load(function() {
        $('#carousel-two').flexslider({
            animation : "slide",
            controlNav : false,
            animationLoop : true,
            slideshow : true,
            itemWidth : 234,
            itemMargin : 20,
            minItems : 3,
            maxItems : 5
            //asNavFor : '.flexslider'
        });
    });
});

无论我做什么，都行不通.当到达最后一个项目时，它不会无限循环地保持动画流畅. 有人有解决方案吗?

No matter what I do it doesn't work. when it gets to the last item it doesn't keep the animation smoothly with infinite loop. does anyone have a solution?

谢谢

推荐答案

在保留itemWidth属性的同时，如何执行此操作:

Here is how to do it while keeping the itemWidth property:

jQuery('.flexslider').flexslider({
        animation: "slide",
        animationLoop: false,
        minItems: 4,
        maxItems: 6,
        itemWidth: 210,
        itemMargin:5,
        controlNav: false,
        end : function(slider){
                jQuery('.flexslider .slides li').each(function(){
                    slider.addSlide('<li>'+jQuery(this).context.innerHTML+'</li>', slider.count);
                    jQuery('.flexslider .slides').append('<li>'+jQuery(this).context.innerHTML+'</li>');
                });
            }

      });

最主要的是在end:属性中使用jQuery函数.我认为animationLoop也需要设置为false.这允许无限循环轮播. 在这里是我找到它的地方.

The main thing is to use the jQuery function in the end: property. I think animationLoop also needs to be set to false. This allows for an infinite loop carousel. Here is where I found this.

这篇关于Flexslider无限循环不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！