🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple and easy-to-use jQuery carousel slider plugin that allows you to loop infinitely through a list of images with support for touch & gesture events on mobile devices.

Carousel Image-Slider

Documentation

jQuery Simple Carousel Slider Bower Version

Simple jQuery Carousel Slider Plugin

Installation

bower install jquery.simple-carousel-slider 

Usage

  1. Include jQuery and jquery.finger.
<script src="../lib/jquery/jquery.js"></script> <script src="../lib/jquery.finger/jquery.finger.js"></script>
  1. Include plugin's code:
<link rel="stylesheet" href="../src/css/jquery.simple-carousel-slider.css">  <script src="../src/js/jquery.simple-carousel-slider.js"></script>
  1. Call the plugin:
  <style>     .sc-slider{       margin: 0 auto;       width:  500px;       height: 333px;     }   </style>    <div class="sc-slider">     <ul class="sc-slides">       <li class="sc-slide">         <a href="#">           <img src="images/img1.png" />         </a>       </li>       <li class="sc-slide">         <a href="#">           <img src="images/img2.png" />         </a>       </li>       <li class="sc-slide">         <a href="#">           <img src="images/img3.png" />         </a>       </li>     </ul>   </div>    <script>     $(function(){        $('.sc-slider').scSlider({         interval: 5000,         prev: "<",         next: ">"       });      });   </script>

History

Check Releases for detailed changelog.

License

MIT License © Iwark


You May Also Like