Luce Digitale/JQ Sunny Carousel – Plugin

sunny-carousel-logo

DEMO

 

DOWNLOAD SUNNY CAROUSEL PLUGIN

 

——
Version: 1.0
——
License:
Luce Digitale/JQ Sunny Carousel Plugin
Author: Andrea Tonin – http://blog.lucedigitale.com
This code come with absolutely no warranty
If you use this plugin give a like to https://www.facebook.com/lucedigitale and do not remove credits inside the code :)
Thanks in advance
——

A JQuery Carusel plugIn made by Andrea Tonin of “Luce Digitale” really easy to use!

How to install:

<!DOCTYPE html PUBLIC>
<html>
<head>
<title>Luce Digitale/JQ Sunny Carousel PlugIn</title>
<script type="text/javascript" src="jquery-2.0.3.js"></script>
<script type="text/javascript" src="sunny-carousel-plugin.js"></script>

</head>
<body>

<!-- Luce Digitale/JQ Sunny Carousel Plugin START -->
Luce Digitale/JQ Sunny Carousel Plugin
  <div id="sunny_carousel">
  <div id="left_arrow"><img src="left-arrow.png"></div>
    <div id="carousel_wrapper">
        <ul id="carousel_list">
           <li><a href="#"><img src="001.jpg"></a></li><!-- The first item on the Left -->
	   <li><a href="#"><img src="002.jpg"></a></li><!-- YOU CAN FREELY ADD OR REMOVE li elements -->
	   <li><a href="#"><img src="003.jpg"></a></li>
	   <li><a href="#"><img src="004.jpg"></a></li>
	   <li><a href="#"><img src="005.jpg"></a></li>
	   <li><a href="#"><img src="006.jpg"></a></li>
	   <li><a href="#"><img src="007.jpg"></a></li>
	   <li><a href="#"><img src="008.jpg"></a></li>
	   <li><a href="#"><img src="009.jpg"></a></li>
	   <li><a href="#"><img src="010.jpg"></a></li>          
        </ul>
    </div>
  <div id="right_arrow"><img src="right-arrow.png"></div>
  </div>
<!-- Luce Digitale/JQ Sunny Carousel Plugin END -->

</body>
</html>

——
Installation:
——
1. Load JQuery Libraries
2. Load the Sunny Carousel Plugin
3. Copy the code inside 

<!-- Luce Digitale/JQ Sunny Carousel Plugin START -->
 ... 
<!-- Luce Digitale/JQ Sunny Carousel Plugin END -->

4. You can freely add or remove li elements

5. Setup in the style sheet: sunny-carousel-plugin.css

6. Enjoy! :)

My official WebSite >