carousel plugin with jquery and hammer.js
JavaScript HTML CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.

README.md

carousel

carousel plugin with jquery and hammer.js

bootstrap-carousel.js | Hammer.js carousel example

Usage

<div class="carousel-wrap" id="js-carousel">
  <div class="carousel-inner">
    <div class="carousel-item carousel-active">
      <img src="/images/1.jpg">
    </div>
    <div class="carousel-item">
      <img src="/images/2.jpg">
    </div>
    <div class="carousel-item">
      <img src="/images/3.jpg">
    </div>
    <div class="carousel-item">
      <img src="/images/4.jpg">
    </div>
  </div>
  <a class="left carousel-control" href="#" data-carousel="prev">
    <span>prev</span>
  </a>
  <a class="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