• I wanted to start out by saying, I use this slider across several of my sites and really love it. So thanks!
    For one of the sites I was working on, I was given the requirement that the site’s primary slider show two images at once. I was already using the meta-slider, so to support this I turned my slider from a traditional flex slider to the carousel option. I then modified my css to limit the width of the slider to the 1140px. While this was fine when my images were set to 570px in width, it did not look as good when I went down to a smaller device screen size. I wanted to make sure there was always two images showing at once, so the second image would never be cut off.

    I then came across the minWidth property of the carousel slider and set it to 2, rather than the default of 1. This gave me the expected behavior of always having two full images on the screen at once, however I came across a more stubborn issue after that.

    It appears that once minItems is set to 2 (or higher) and the device screen width is under the slider’s itemWidth value, the JavaScript code telling the slider how much to shift encounters an error. It was over-shifting my slider, thus displaying a white space past my carousel. It appears in the jquery.flexslider-min.js file (line 967) the slider limit calculation assumes a minItem count of 1 when subtracting from slider.count. When I replaced the 1 value in the code (slider.count – 1) with (slider.count – minItems), the translate value began correctly assigning the correct integer and my slider went back to working as expected.

    I just wanted to call this out in case it is not expected behavior. Thanks for the awesome plugin!

Viewing 1 replies (of 1 total)
  • Hi there,

    Thanks for reporting this – we’ll look into whether this should be fixed long-term or at least we have this option if it crops up again.

    Many thanks,
    Dave

Viewing 1 replies (of 1 total)

The topic ‘Carousel minItems Greater Than 1’ is closed to new replies.