Sudo Slider jQuery Plugin - Thumbnails demo

afterAnimation & beforeAnimation in docs

Usage

Include the javascripts

<script type="Text/Javascript" src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.sudoSlider.min.js"></script>

The Javascript to start it.

<script type="text/javascript" >
$(document).ready(function(){	
    var sudoSlider = $("#slider").sudoSlider({ 
        ajax: ['../images/01.jpg', '../images/02.jpg', '../images/03.jpg', '../images/04.jpg', '../images/05.jpg'],
        numeric:true,
        preloadAjax:true,
        ajaxLoad: function(t){
            var $img = $(this).children();
            var url = $img.attr('src');
            var width = ($img.width() / $img.height()) * 28;
            $('.controls li a span').eq(t-1).html('<img src="' + url + '" width="' + width + '" height="28" />');
        }
    });
});
</script>

The HTML

<div id="slider" ></div>