无法阻止旋转木马中的Javascript循环

时间:2014-05-15 17:47:53

标签: javascript jquery

我需要我的缩略图幻灯片(我的旋转木马的一部分)停在最后一个缩略图而不是循环。我将循环参数更改为false但似乎没有任何效果。

我尝试了无限:false, infiniteLoop:false 。到达最后一个后,它仍会显示更多缩略图。神秘之处在于它不会永远循环。它仅在8个缩略图的最后一个缩略图之后继续。

<script type="text/javascript">
    $(function () {

        //  wrap all thumbs in a <div> for the 3x3 grid
        $div = null;
        $('#thumbs').children().each(function (i) {
            /*if ( i % 8 == 0) {
                $div = $( '<div />' );
                $div.appendTo( '#thumbs' );
            }*/
            $(this).appendTo($div);
            $(this).addClass('itm' + i);
            $(this).click(function () {
                $('#images').trigger('slideTo', [i, 0, true]);
            });
        });
        $('#thumbs img.itm0').addClass('selected');

        $(document).ready(function () {
            if (currentWindowSize >= 0 && currentWindowSize <= 768) {
                var x = $(window).width();
                var y = $(window).height();
                var a = x / 2;
                var b = y / 2;

                $(".caroufredsel_wrapper").css('width', a);
                $(".caroufredsel_wrapper").css('height', b);

                //$('.caroufredsel_wrapper').width(400, a);
                //$('.caroufredsel_wrapper').height(200, b);
                //$("#images").css('width', a);
                //$("#images").css('height', b);
            }
        });
        //  the big-image carousel
        $('#images').carouFredSel({
            direction: 'up',
            circular: false,
            infinite: false,
            infiniteLoop: false,
            //width: 656,
            height: 492,
            items: 1,
            auto: false,
            prev: '#prev .images',
            next: '#next .images',
            scroll: {
                fx: 'directscroll',
                onBefore: function () {
                    var pos = $(this).triggerHandler('currentPosition');
                    $('#thumbs img').removeClass('selected');
                    $('#thumbs img.itm' + pos).addClass('selected');

                    var page = Math.floor(pos / 9);
                    $('#thumbs').trigger('', page);
                }
            }
        });

        //  the thumbnail-carousel
        $('#thumbs').carouFredSel({
            direction: 'up',
            circular: false,
            infinite: false,
            infiniteLoop: false,
            width: 80,
            height: 492,
            items: 1,
            align: false,
            auto: false,
            prev: '#prev .thumbs',
            next: '#next .thumbs'
        });
    });
</script>

0 个答案:

没有答案