Slick slider is a jQuery Plugin. this plugin is fully customizable, responsive and mobile friendly carousels/sliders free jQuery plugin, add slick css & js with jQuery library in your webpage or mobile app it work any html elements.
Table of Contents
Features:
- Fully responsive. Scales with it’s container.
- Uses CSS3 when available. Fully functional when not.
- Swipe enabled. Or disabled, if you prefer.
- Infinite looping.
- Autoplay, dots, arrows, callbacks, et
How to use :
Add the slick CSS and theme CSS in the head section of the web page.
<link rel="stylesheet" href="/path/to/slick.css">
<link rel="stylesheet" href="/path/to/slick-theme.css">
Add jQuery library after add slick.js of the web page.
<script src="/path/to/jquery.min.js"></script>
<script src="/path/to/slick.js"></script>
Add Html contents you want to slide in DIV elements.
<div class="slider demo">
<div> Slide 1 </div>
<div> Slide 2 </div>
<div> Slide 3 </div>
...
</div>
Initialize your slider in your script file or an inline script tag.
$(document).ready(function(){
$('.demo').slick();
});
Done
Thanks for make jQuery plugin is developed by For more Helpfull for users, please check the demo page or visit the official website.