Press "Enter" to skip to content

Simple and Elegant Carousel Slider by Javascript & jQuery | Minerva.JS

Minerva.JS is a simple and elegant Javascript & jQuery carousel slider. The extremely lightweight script was created by Insane Solutions in 2007.

Minerva.js helps you wrap your images in a carousel gallery slider, and gives you the option to add navigation buttons with simple HTML coding.

Minerva.js includes stylish skin colors to choose from and the easiest and fastest slider for your ready-made projects.

How to make use of it:

1. Load the basic style files into the header section of the web page.

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

2. Load CSS for the skin of your choice.

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

3. Insert the list of photos you want to display in the circular scroll bar.

<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 the jQuery library and jQuery minerva.js script.

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

simple fast jquery carousel slider, Minerva.js Plugin/Github


See Demo And Download

Official Website(misterzik): Click Here

This superior jQuery/javascript plugin is developed by misterzik. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.