Intuitive & Lightweight Carousel Plugin - Looper.js

File Size: 328KB
Views Total: 4008
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Intuitive & Lightweight Carousel Plugin - Looper.js

Looper.js is an easy-to-use jQuery plugin that make it easier to cycle through your content in many different styles. It also supports CSS transitions, auto loop, and Keyboard navigation to create cool Carousel effect according to your specific needs.

Basic Usage:

1. Include Looper CSS

<link rel="stylesheet" href="css/looper.css">

2.  Markup

<div data-looper="go" class="looper">
    <div class="looper-inner">
        <div class="item">
            <img src="YOUR IMAGE 1" alt="">
        </div>
        <div class="item">
            <img src="YOUR IMAGE 2" alt="">
</div> <div class="item"> <img src="YOUR IMAGE 3" alt="">
</div> </div> </div>

3. Include jQuery Library and Looper.js

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="looper.js"></script>

4. Done. For more examples and advanced features, please check the DEMO page.


This awesome jQuery plugin is developed by rygine. For more Advanced Usages, please check the demo page or visit the official website.