Skip to content

Repository files navigation

#carousel carousel plugin with jquery and hammer.js

bootstrap-carousel.js | Hammer.js carousel example

Usage

<divclass="carousel-wrap" id="js-carousel"><divclass="carousel-inner"><divclass="carousel-item carousel-active"><imgsrc="/images/1.jpg"></div><divclass="carousel-item"><imgsrc="/images/2.jpg"></div><divclass="carousel-item"><imgsrc="/images/3.jpg"></div><divclass="carousel-item"><imgsrc="/images/4.jpg"></div></div><aclass="left carousel-control" href="#" data-carousel="prev"><span>prev</span></a><aclass="right carousel-control" href="#" data-carousel="next"><span>next</span></a></div>
$('#js-carousel').carousel();// initialization$('#js-carousel').carousel('prev');// action prev item$('#js-carousel').carousel('next');// action next item

TODO

  • Content loading dynamically
  • Carousel-item with full html page
  • Animation after 'release' with css transitions

About

carousel plugin with jquery and hammer.js

Resources

Stars

6 stars

Watchers

7 watching

Forks

Releases

Packages

Contributors

Languages