Isnor Creative
Isnor Creative Blog
Ruby, Ruby on Rails, Ember, Elm, Phoenix, Elixir, React, Vue

Apr 24, 2013

jQuery No Frills Carousel

The world needs more jQuery carousels, so I’m doing what I can.

I was using Tiny Carousel, which was serving my needs just fine, but it mysteriously broke on me so I created this. It that works for you it’s recommended over this. It has options, this has none.

Install

<script src="jquery.no.frills.carousel.min.js"></script>

Use

<script type="text/javascript">
  $(document).ready(function(){
    $('.carousel').NoFrillsCarousel(); 
  });
</script>

HTML Structure

<div class="carousel">
  <a class="prev" href="#"></a>
  <div class="viewport">
    <ul>
      <li></li>
    </ul>
  </div>
  <a class="next" href="#"></a>
</div>

Get It

It’s on GitHub: https://github.com/gordonbisnor/jquery.no.frills.carousel


I am available for js consulting work – get in touch to learn more.

Gordon B. Isnor

Gordon B. Isnor writes about Ruby on Rails, Ember.js, Elm, Elixir, Phoenix, React, Vue and the web.
If you enjoyed this article, you may be interested in the occasional newsletter.

I am now available for project work. I have availability to build greenfield sites and applications, to maintain and update/upgrade existing applications, team augmentation. I offer website/web application assessment packages that can help with SEO/security/performance/accessibility and best practices. Let’s talk

comments powered by Disqus