Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Flexslider no showing last item fully

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
});​
like image 252
Johansrk Avatar asked Feb 19 '23 13:02

Johansrk


2 Answers

This is a bug with FlexSlider 2.1 (GitHub Issue). Downgrade to 2.0 to resolve until a fix is released.

like image 117
AlecRust Avatar answered Mar 02 '23 03:03

AlecRust


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.

like image 36
vladko13 Avatar answered Mar 02 '23 04:03

vladko13