slide-js.html

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-jkZpmlDollT2JzNnNZTXJFYW8"></script>
<script>
    $(function() {
        $('#slides').slides({
            preload: true,
            preloadImage: 'http://i1203.photobucket.com/albums/bb383/quangpro1610/loading.gif',
            play: 5000,
            pause: 2500,
            hoverPause: true,
            animationStart: function(current) {
                $('.caption').animate({
                    bottom: -35
                }, 100);
                if (window.console & amp; & amp; console.log) {
                    // example return of current slide number
                    console.log('animationStart on slide: ', current);
                };
            },
            animationComplete: function(current) {
                $('.caption').animate({
                    bottom: 0
                }, 200);
                if (window.console & amp; & amp; console.log) {
                    // example return of current slide number
                    console.log('animationComplete on slide: ', current);
                };
            },
            slidesLoaded: function() {
                $('.caption').animate({
                    bottom: 0
                }, 200);
            }
        });
    });
</script>