Lite Responsive jQuery Carousel - Carouseller
‹
.car__3
.car__3
.car__3
.car__3
.car__3
.car__3
.car__3
›
‹
.car__3
.car__3
.car__3
.car__3
.car__3
.car__3
.car__3
›
‹
.car__4
.car__4
.car__4
.car__4
.car__4
.car__4
.car__4
›
‹
.car__6
.car__6
.car__6
.car__6
.car__6
.car__6
.car__6
›
Manually installation
1. Download `carouseller.css` and `carouseller.min.js` files from `dist` folder.
2. Include them somewhere in your document:
html
<![CDATA[
<link rel="stylesheet" href="css/carouseller.css">
<script src="js/carouseller.min.js"></script>
]]>
Usage
Initialization
Initialize a new carousel by running:
<![CDATA[
$(function() {
$('.carouseller').carouseller({
//options
});
});
]]>
The HTML code may look like this:
<![CDATA[
<div class="carouseller">
<a href="javascript:void(0)" class="carouseller__left">‹</a>
<div class="carouseller__wrap">
<div class="carouseller__list">
<div class="car__3">
<h2>.car__3</h2>
</div>
...
</div>
</div>
<a href="javascript:void(0)" class="carouseller__right">›</a>
</div>
]]>