Skip to content

Latest commit

 

History

History
58 lines (42 loc) · 1.08 KB

README.md

File metadata and controls

58 lines (42 loc) · 1.08 KB

minimal carousel

A minimalist carousel. No jQuery.

Demo

See it live!

Options

  • carousel: css selector of carousel container. Defaults to .carousel
  • delay: delay between slides in seconds. Defaults to 2.5 secs
  • autoplay: whether or not it plays automaticaly. Defaults to true

Usage

HTML

<div class="carousel">
  <ul>
    <li>
      First impressive message!
    </li>
    <li>
      Second message with all the magic
    </li>
    <li>
      Also, you can configure minimal carousel as you want.
    </li>
  </ul>
</div>

CSS

.carousel ul li {
  display: none;
}

Javascript

new Carousel({
  carousel: '.carousel',
  delay: 2.5,
  autoplay: true
})

Roadmap

  • Simple transitions
  • Ease in/out

Contributing

  1. Fork it
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create new Pull Request