Out-of-the-box

This is what you will get with the default implementation of Slippry and using the default CSS supplied.

HTML Markup

<ul id="out-of-the-box-demo">
  <li>
    <a href="#slide1">
      <img src="/assets/img/image-1.jpg" alt="This is caption 1 <a href='#link'>Even with links!</a>">
    </a>
  </li>
  <li>
    <a href="#slide2">
      <img src="/assets/img/image-2.jpg"  alt="This is caption 2">
    </a>
  </li>
  <li>
    <a href="#slide3">
      <img src="/assets/img/image-3.jpg" alt="And this is some very long caption for slide 3. Yes, really long.">
    </a>
  </li>
  <li>
    <a href="#slide4">
      <img src="/assets/img/image-4.jpg" alt="And this is some very long caption for slide 4.">
    </a>
  </li>
</ul>

jQuery

jQuery('#out-of-the-box-demo').slippry();
Out-of-the-box Pictures Portfolio News Shop Thumbnails CSS vs jQuery