Skip to content

Latest commit

 

History

History
39 lines (28 loc) · 1.76 KB

README.md

File metadata and controls

39 lines (28 loc) · 1.76 KB
Raw

Carouselite

A lightweight Carousel plugin for changing images inside a container, using the most simple and efficient code.

##Demo page

Basic use-case example:

<div class='carousel'>
  <a class='arrow next'></a>
  <a class='arrow prev'></a>
  <div class='wrap'>
    <img src='http://farm4.static.flickr.com/3819/10344480386_051e318d8c.jpg' alt='' />
    <img src='http://farm9.static.flickr.com/8239/8662715913_7cea743e65.jpg' alt='' />
    <img src='http://farm4.static.flickr.com/3715/11420101565_93fa750dfb.jpg' alt='' />
    <img src='http://farm9.static.flickr.com/8101/8613630858_6933d52db8.jpg' alt='' />
    <img src='http://farm9.static.flickr.com/8545/8689950937_153cebcf9d.jpg' alt='' />
    <img src='http://farm9.static.flickr.com/8544/8625177130_f5ca373c79.jpg' alt='' />
  </div>
</div>

<script>
    // bind carousel elements
	$('.carousel').carouselite();
</script>

Settings

Name Info Default
loop Loop back to last image before the first one and to the first image after last one. true
orientation 'V' or 'H' 'H'
autoplay time in milliseconds to change between pages 0
pagination Shows a list which corresponds to the number of pages in the carousel true