🚂 Freighter is a highly-customizable HTML carousel library featuring a number of dynamic properties affecting carousel items and transitions. Most prominently, it gives complete control over the resizing method (for responsive layouts) as well as the wrapping method (for content display).
Implements the following resize methods for carousels, whose specifications were described in issue #15:
-none
-stretch
-stretch-gap
-stretch-scale
Discovered an odd quirk of the carousels: because the height of a stretch-scale carousel can sometimes add a scrollbar to the page, it means that calculations won't always work correctly when trying to resize items. There are a few fixes for this issue:
Keep a scrollbar on the container that holds the carousel at all times. This prevents a scrollbar from introducing itself on a whim and messing up the layout.
Make sure that the container that holds the carousel never shows a scrollbar. This can be done with a definite height preventing overflow.
These solutions should work well for most people, and there are other ways of getting around the scrollbar issue in CSS.
Closes #15.
Implements the following resize methods for carousels, whose specifications were described in issue #15: -
none-stretch-stretch-gap-stretch-scaleDiscovered an odd quirk of the carousels: because the height of a
stretch-scalecarousel can sometimes add a scrollbar to the page, it means that calculations won't always work correctly when trying to resize items. There are a few fixes for this issue:These solutions should work well for most people, and there are other ways of getting around the scrollbar issue in CSS.