Slider - A jQuery slide plugin

Download Demo

Slider is a jQuery slide plugin for creating a responsive & cross-browser image slider that supports full screen, multiple effects, navigation, autoplay, easing, change speed and trigger…

1. INCLUDE JS FILES

<script src="/path/to/jquery.js"></script><!-- jQuery is required -->
<script src="/path/to/slider.js"></script>

2. HTML

<div class="slider">
 <div class="slider-content">
 <div><img src="img/picture-1.jpg" alt="Picture 1"></div>
 <div><img src="img/picture-2.jpg" alt="Picture 2"></div>
 <div><img src="img/picture-3.jpg" alt="Picture 3"></div>
 </div>
 <div class="slider-nav">
 <div class="slider-active"></div>
 <div></div>
 <div></div>
 </div>
 <div class="slider-prev slider-disabled">&lsaquo;</div>
 <div class="slider-next">&rsaquo;</div>
</div>

3. JAVASCRIPT

$(".slider").slider(
 activeClass: "slider-active",
 autoplay: true,
 contentClass: "slider-content",
 disableClass: "slider-disabled",
 duration: 5000,
 effect: "fade",
 easing: "swing",
 navClass: "slider-nav",
 nextClass: "slider-next",
 prevClass: "slider-prev",
 speed: 1000,
 trigger: "click"
);

Slider - A jQuery slide plugin