jQuery glide.js Captions Example

View source
    
<style type="text/css">
    #caption_slider {
      width: 640px;
      height: 427px;
      margin: 30px auto 0;
    }

    .slider_container {
      width: 100%;
      height: 427px;
    }

    .slider-caption {
      font-family: Helvetica, sans-serif;
    }

  </style>
</head>
<body>
  <div id="caption_slider">
    <div class="slider_container">
      <div class="slide">
        <img title="Captions are cool!!" 
              src="http://bit.ly/N0RxU7" />
      </div>
      <div class="slide">
        <img title="Just add a title element to an image…" 
              src="http://bit.ly/NnJTsW" />
      </div>
      <div class="slide">
        <img title="Or even define your own custom captions!" 
              src="http://bit.ly/Ni2OB4" />
      </div>
    </div>
  </div>
  <script type="text/javascript">
    $('#caption_slider').glide({
      preload: true,
      orientation: 'vertical'
      autoPlay: 5000
    });
  </script>
</body>