Install

Bower

bower install skitter --save

Manually

Download zip and move files in dist directory for you application. Attention: you need to download the dependencies manually.

Head

<link href="dist/skitter.css" type="text/css" media="all" rel="stylesheet" />

<script src="/js/jquery-2.1.1.min.js"></script>
<script src="/js/jquery.easing.1.3.js"></script>
<script src="/dist/jquery.skitter.min.js"></script>

Markup

<div class="skitter skitter-large with-dots">
  <ul>
    <li>
      <a href="#cut">
        <img src="https://visualhunt.com/photos/l/1/dawn-sun-mountain-landscape.jpg" class="cut" />
      </a>
      <div class="label_text">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit.
          <a href="#see-more" class="btn btn-xs btn-warning">See more</a>
        </p>
      </div>
    </li>
    <li>
      <a href="#swapBlocks">
        <img src="https://visualhunt.com/photos/l/1/aurora-borealis-over-mountains-at-night.jpg" class="swapBlocks" />
      </a>
      <div class="label_text">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit.
          <a href="#see-more" class="btn btn-xs btn-warning">See more</a>
        </p>
      </div>
    </li>
    <li>
      <a href="#swapBarsBack">
        <img src="https://visualhunt.com/photos/l/1/tourists-on-top-of-rock.jpg" class="swapBarsBack" />
      </a>
      <div class="label_text">
        <p>
          Lorem ipsum dolor sit amet, consectetur adipisicing elit.
          <a href="#see-more" class="btn btn-xs btn-warning">See more</a>
        </p>
      </div>
    </li>
  </ul>
</div>

Start

$(function() {
  $('.skitter-large').skitter();
});

Links