All geek questions in one place

Flexslider 2 continues the cycle in one direction, does not work

I am trying to make flexslider for a continuous loop in one direction in one direction. it reaches the last image in the loop, then it should start from the first image again.

I have two problems with an example that I installed on jsfiddle

One: I can't get it to work on jsFiddle

Two: the animation is turned on at the end, and then starts in the other direction, while I want to move in one direction only from left to right.

$(window).load(function(){ $('.flexslider').flexslider({ animation: "slide", animationLoop: false, easing: "linear", useCSS: false, randomize: false, pauseOnHover: true, slideshowSpeed: 12, animationSpeed: 8000, controlNav: false, directionNav: false, itemWidth: 210, itemMargin: 5, start: function(slider){ $('body').removeClass('loading'); } });
+4
source share
1 answer

First edition

You will miss the close )}; at the end of the script, so it is not valid, and you should set the script section as No wrap - in <head> in the Framework panel and extensions.

For the first image you left the full path http://flexslider.woothemes.com/

Second issue

The only loop function that can be set with animationLoop: true is now the only solution.

Here's a query pulled out on github for a smoother animation and loop: https://github.com/woothemes/FlexSlider/issues/287

the code:

 $(window).load(function () { $('.flexslider').flexslider({ animation: "slide", animationLoop: true, easing: "linear", useCSS: false, randomize: false, pauseOnHover: true, slideshowSpeed: 12, animationSpeed: 8000, controlNav: false, directionNav: false, itemWidth: 210, itemMargin: 5, start: function (slider) { $('body').removeClass('loading'); } }); });

Docs: https://github.com/woothemes/FlexSlider/wiki/FlexSlider-Properties

Demo: http://jsfiddle.net/IrvinDominin/6TXzC/

+1
source

Source: https://habr.com/ru/post/1497737/

More articles:


All Articles