Simple Fast jQuery Carousel Slider Plugin For jQuery - minerva.js

minerva.js is a simple, fast, themeable jQuery plugin to generate a responsive carousel slider from a list of images, without the need to write any JavaScript.

Basic usage:

1. Load the core stylesheet files in the head section of the web page.

<link href="src/css/style.css" rel="stylesheet">
<link href="src/css/mobile.css" rel="stylesheet">

2. Load a skin CSS of your choice (OPTIONAL).

<link href="src/css/skin/style-orange.css" rel="stylesheet">

3. Insert a list of images you wish to present in the carousel slider.

<div class="container">
  <ul id="slider">
    <li><img src="1.jpg"></li>
    <li><img src="2.jpg"></li>
    <li><img src="3.jpg"></li>
    <li><img src="4.jpg"></li>
    <li><img src="5.jpg"></li>
  </ul>

  <ul id="dots">   
    <li class="active"></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>

  <div class="" id="controllers">
    <button id="prev">Prev</button>
    <button id="next">Next</button>
  </div>
</div>

4. Load jQuery library and the jQuery minerva.js script at the end of the document. That's it.

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="src/js/jquery.minerva.js"></script>

---

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