bxslider

example of bxslider jQuery plugin

by Oliver Kelso

HTML

<script src="http://bxslider.com/lib/jquery.bxslider.js"></script>
<link rel="stylesheet" href="http://bxslider.com/lib/jquery.bxslider.css">
<ul class="bxslider">
  <li><img src="http://placehold.it/600x150/000000/FF3300&text=1" title="title 1" /></li>
  <li><img src="http://placehold.it/600x150/000000/FF3300&text=2" title="title 2" /></li>
  <li><img src="http://placehold.it/600x150/000000/FF3300&text=3" title="title 3" /></li>
  <li><img src="http://placehold.it/600x150/000000/FF3300&text=4" title="title 4" /></li>
</ul>

JavaScript

$(document).ready(function(){
    $('.bxslider').bxSlider({
        mode: 'fade',
        captions: true
    });
});