Skidder

Skidder is a jQuery slideshow pugin that supports centering, swiping and responsive scaling.

Features

• optional paging
• optional cycling
• optional centering
• optional image scaling, also on resize
• iOS-like swiping on touch devices
• works with: Chrome, Firefox, Safari, IE8+ ...

sex shop sex shop sex shop sex shop sex shop seks shop spanish fly psikolog sohbet numara sohbet hatti

Source: github.com

1. INCLUDE CSS AND JS FILES

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

2.  HTML

<div class="slideshow" style="display: none;">
  <div class="slide"><img src="1.jpg"></div>
  <div class="slide"><img src="2.jpg"></div>
  <div class="slide"><img src="3.jpg"></div>
</div>

3. JAVASCRIPT

$('.slideshow').skidder();

Make sure that images are loaded before initialising the plug-in, or the slideshow might not get sized correctly. You can use imagesloaded.js for this purpose - load it, then call like this:

$('.slideshow').each( function() {  
  var $slideshow = $(this);
  $slideshow.imagesLoaded( function() {
    $slideshow.skidder();
  });
});

Sliding contriols are disabled for slideshows with less than two images.

4. OPTIONS

5. RESIZING

$('.slideshow').skidder('resize');

You will want to debounce this to save some trees