lasercarousel v2.0.0
Lasercarousel
A simple carousel that uses css transforms for horizontal transitions.
Install
Include it in your build as usual. Initiate like this:
$('.my-carousel').laserCarousel(properties);
Properties
itemWidth: Width of each item in pixels. Defaults to 130
.
initialSlide: Which slide to center when the carousel is first loaded. Defaults to 0
.
itemNavigation: Navigation by clicking on an item. Defaults to true
.
currentItemSpacing: Spacing on each side of the currently centered slide. Defaults to 1
which means that extra space of itemWidth
is added on both sides of the currently centered slide.
touch: Navigation by swiping. Defaults to true
.
speed: Speed of transition in milliseconds. Defaults to 300
.
dots: Add dots under the carousel. Defaults to true
.
responsive: An object containing mobile first definitions of property override for different screen sizes. Properties that can be overridden are itemWidth
, initialSlide
, currentItemSpacing
and speed
.