Coin Slider

<link href="coin-slider-styles.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="coin-slider.js"></script>

<div id="coin-slider">
  <a href="#">
    <img src="http://jquery.netid.pl/media/sample/450x600/4.jpg" alt="" />
    <span>
      Description for 1
    </span>
  </a>

  <a href="#">
    <img src="http://jquery.netid.pl/media/sample/450x600/5.jpg" alt="" />
    <span>
      Description for 2
    </span>
  </a>
  
  <a href="#">
    <img src="http://jquery.netid.pl/media/sample/450x600/6.jpg" alt="" />
    <span>
      Description for 3
    </span>
  </a>
</div>

$(document).ready(function() {
    var $container = $('#coin-slider');
    
    $container.coinslider({
	    width: 450,
	    height: 600,
	    navigation: true,
	    delay: 5000,
	    titleSpeed: 100
    });
});