Difference between Showcase and Carousel slider's responsive behavior
Before learning what's the difference between Showcase and Carousel slider type's responsive behavior you should understand their basic behavior first. The basic behavior is something you can't change.
The Carousel slider type displays as many slides as can fit into the visible slider area. The slides are not resized until the last slide is bigger than the visible area. If the slider size is bigger than the total width of all visible slides the remaining space will be divided between the slides as empty space. On different browser widths the distance will likely differ.
The Showcase slider type displays as many slides as can fit into the visible slider area, leaving the "active" slide in the middle. It can reduce the slides when the slider/screen gets smaller. The distance between the slides is always fix, controlled by the Slide distance setting.
if you want to learn how to make your Showcase/Carousel slider to show more slides, check out this documentation.
Both sliders are 1800x300px.
|Slide distance||Minimum slide distance: 0||Slide distance: 0|
Let's see how the different sliders behave in different browser widths.
When viewed in 1800px wide browser
The showcase slider will show 3 whole slides and 2 partially visible slides, like this:
while all slides are 400px wide.
the carousel slider will show 4 whole slides and some gaps between them, like this:
all slides are 400px wide.
When viewed in 1200px wide browser
The showcase slider will still show 3 whole slides and 2 partially visible slides
while all slides are approximately 270px wide.
The carousel slider will show 3 whole slides without any gap:
and all slides are still 400px wide.
When viewed in 1100px wide browser
The showcase slider still shows 3 whole and 2 partially visible slides
the slide width is approximately 245px
The carousel shows 3 slides and some gap:
while keeping the slide width at 400px.