ClassySlider - Sliding images, the fancy way

ClassySlider is a plugin that allows you to embed beautiful slideshows into your webpages.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: class.pm

1. INCLUDE JS AND CSS FILES

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/jquery.classyslider.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.classyslider.min.css" />

2. HTML

<ul class="slider">
    <li><img src="images/demo/sample1.jpg" /></li>
    <li><img src="images/demo/sample2.jpg" /></li>
    <li><img src="images/demo/sample3.jpg" /></li>
</ul>

3. JAVASCRIPT

$('.slider').ClassySlider();

4. OPTIONS

• autoplay - if the slider will autoplay, can be true or false, default is true
• pause - pause autoplay if the mouse hovers on a slide, can be true or false, default is true
• distance - width of the slide to show when it's not visible, default is 40
• duration - duration of slide animation, default is 3000 which means 3 seconds