Carousel

Basic overview

<ul class="carousel">
    <li>
        <img src="http://placehold.it/280x150" width="280">
    </li>
    <li>
        <img src="http://placehold.it/280x150" width="280">
    </li>
    <li>
        <img src="http://placehold.it/280x150" width="280">
    </li>
    <li>
        <img src="http://placehold.it/280x150" width="280">
    </li>
</ul>

Additional parameters:

• data-elscroll="..."  -  identifies .class or elements tag name which will be scrolled in the carousel. 
• data-visible="..." - the number of visible items in the carousel.
• data-visibletablet="..." - the number of visible items in the carousel for tablets.
• data-visiblemobile="..." - the number of visible items in the carousel for phones.
• data-size="..." - number of items scrolled at a time in the carousel.
• data-margin="..." - spacing between scrollable elements specified in pixels.
• data-speed="..." - speed of carousel scrolling (1000 = 1 sec.). 
• data-vertical="..." - if  true is specified, the carousel will be vertical.
• data-scrolling="..." - if true is specified, the carousel will be scrolled automatically.
• data-scrolltime="..." - interval between carousel auto-scrolling (1000 = 1 sec.). 
• data-prev="..." and data-next="..." - if false is specified, no buttons will be added to the carousel. Also HTML or text for the button can be  set.
• data-prevclass="..." - additional classes for the "back" button.
• data-nextclass="..." - additional classes for the "forward" button.