Flexslider - animation: "slide", animationLoop: "true" - conflict

Question

I have a problem with Flexslider 2 under certain circumstances. I use it as a content slider. I need to have SLIDE animations, not fade, and loop slides. I have 3 slides with the contents of a div and more lists inside them to show the gallery type setting. The problem I am facing is that when I set the parameters I need, the slider first shows the last slide, then goes to slide 2, then 3, then 1. It does not display the first slide as the first slide, the startAt parameter does not has an effect.

Everything works fine when I set the slider to use the following:

$(".flexslider").flexslider({ animation: "slide", animationLoop: false }); 

It also works if I install it:

 $(".flexslider").flexslider({ animation: "fade", animationLoop: true }); 

But if I set the animation to a slide and go to true, it will first display the last slide and not show the slides in the correct order. Is there anything I can do about this? This seems to be a conflict between the animation slide and the loop.

I need the following code to work, but it is not:

 $(".flexslider").flexslider({ animation: "slide", animationLoop: true }); 

Unable to get any console errors. Any ideas?

Answer 1

remove these lines from jquery.

methods.uniqueID (slider.slides.first (). clone (). addClass ('clone')). appendTo (slider.container); methods.uniqueID (slider.slides.last (). clone (). addClass ('clone')). prependTo (slider.container); }

This will fix the problem.

Answer 2

There may be a flaw in the html code. I need the following code to work

  $(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", animationLoop: true, start: function(slider){ } }); });