v-carousel

jQuery plugin V-Carousel

Very simple jQuery plug-in image carousel

Install

npm install v-carousel

Use

HTML

#!html

<div>
    <div class="carousel-arrow-left" id="arrow-left">PREV</div>
    <div id="carousel">
        <ul>
            <li><img src="img1.jpg"><p>description</p></li>
            <li><img src="img2.jpg"><p>description</p></li>
            <li><img src="img3.jpg"><p>description</p></li>
        </ul>
    </div>
    <div class="carousel-arrow-right" id="arrow-right">NEXT</div>
</div>

JS

#!javascript

$('carousel').carousel({
        width: '255', 
        height:'500',        
        left: '#arrow-left',
        right: '#arrow-right'
    });

or you can use with your own css

#!javascript

$('carousel').carousel({
        css: true,      
        left: '#arrow-left',
        right: '#arrow-right'
    });

CSS

#!css

#carousel {
  width: 300px;
  height: 240px;
}

#carousel ul>li {
  margin-right: 10px;
}
#carousel ul > li > img {
  border: 1px solid #ccc;
  width: 301px;
  height: 240px;
}