jCarouselLIte

by vladkras

HTML

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<script src="http://www.gmarwaha.com/jquery/jcarousellite/js/jcarousellite_1.0.1.min.js"></script>
<div class="nonCircular">
     <div class="carousel">
         <ul>
             <li><img src="http://1.bp.blogspot.com/-4ydwD_gS-_4/TcAyVado2uI/AAAAAAAAADM/6fkMKu8Jo2s/s1600/11-dj-music-wallpaper.jpeg" height="400" alt="" /></li>
             <li><img src="http://www.samuipedia.com/wp-content/uploads/2012/05/Koh-Samui-palm-tree-hammock.jpg" width="600" height="400" alt="" /></li>
             <li><img src="http://russian.news.cn/photo/2012-09/20/131863480_11n.jpg" width="600" height="400" alt="" /></li>
         </ul>
     </div>
 </div>
<div style="width:50px; height:50px; background:#f00;" class="next"></div>

JavaScript

$(document).ready(function() {
        var myCounter = $('li').length;
        $(".nonCircular .carousel").jCarouselLite({
            btnNext: ".next",
            visible: 1,
            circular: false
        });
        var counter = 0;
        $('.next').on('click', function () {
            counter = counter + 1;
            if (counter == myCounter)
                window.location.href('Fraga.aspx');
        });
    });