I use flexslider. I have a slideshow that show 4 items at a time. Every slide but the last is displayed correctly.
The last slide does not go all the way. What I mean is that until I reach the last slide I can see all 4 items, but when I reach the last item, I only see some of it.
My slider container is 900px
wide.
$('.flexslider').flexslider({
animation: "slide",
animationLoop: true,
itemWidth: 225,
controlNav: false,
move: 1,
slideshowSpeed: 4000,
pauseOnHover: true
});
This is a bug with FlexSlider 2.1 (GitHub Issue). Downgrade to 2.0 to resolve until a fix is released.
I had this issue because I had margins on the slides, and I did not set itemMargin appropriately so that it goes into the calculations for the slider. When I set the itemMargin to 5px (the margin I had in CSS) the last frame showed up entirely.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With