Home » Featured » Responsive & Multi-Functional jQuery Slider Plugin

Responsive & Multi-Functional jQuery Slider Plugin

ef1

slider.js is a robust and efficient jQuery slider solution to create responsive, flexible, highly customizable and mobile-friendly content sliders, slideshows, galleries, rotators and many more. Download and check out more than 30+ examples in the zip for more information.

Basic Usage:

Load the jQuery library and jQuery slider.js script in the document.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jssor.slider.mini.js"></script>

Wrap the images you want to slide in a container.

<div id="demo">
<div u="slides">
<div><img u="image" src="01.jpg" /></div>
<div><img u="image" src="02.jpg" /></div>
<div><img u="image" src="03.jpg" /></div>
<div><img u="image" src="04.jpg" /></div>
<div><img u="image" src="05.jpg" /></div>
<div><img u="image" src="06.jpg" /></div>
<div><img u="image" src="07.jpg" /></div>
<div><img u="image" src="08.jpg" /></div>
</div>
</div>

Call the plugin on this slides container.

<script>
jQuery(document).ready(function ($) {
var options = {
// Options
};
var jssor_slider1 = new $Jssor<a href="http://www.jqueryscript.net/slider/">Slider</a>$("demo", options);
});
</script>

Check the document page for more configurations.

DemoDownload

Tags :
Uzabila

About Uzabila

Web Design, WordPress developer & enthusiast. Co-Founder of CreativeVerse.com

Leave a Reply

Your email address will not be published. Required fields are marked *

*

If you are not a robot - solve an example: * Time limit is exhausted. Please reload the CAPTCHA.

Scroll To Top