ползунок автоматически останавливается, когда слайд достигает конца в jcarousel

0

Это для слайдера jcarousel. Я пытаюсь сделать ползунок без останова. здесь проблема заключается в том, когда слайдер достигает конечного слайда, он автоматически останавливается. Мне нужен код, когда ползунок достигает конца, значит, автоматически начинается начало формы.

(function($) {
    $(function() {
        $('.jcarousel').jcarousel();

        $('.jcarousel-control-prev')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel-control-next')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '+=1'
            });

        $('.jcarousel-pagination')
            .on('jcarouselpagination:active', 'a', function() {
                $(this).addClass('active');
            })
            .on('jcarouselpagination:inactive', 'a', function() {
                $(this).removeClass('active');
            })
            .jcarouselPagination();



            $('.jcarousel').jcarouselAutoscroll({
            interval: 3500
           });

            $('.jcarousel').jcarouselAutoscroll({
            autostart: true
            });

    });

})(jQuery);
  • 0
    Вы можете использовать функцию setInterval ().
  • 0
    Слайдер изображения динамически поступает из базы данных, так как будет использовать функцию setinterval (). Можете ли вы объяснить, где будет использовать функцию setinterval ().
Показать ещё 1 комментарий
Теги:

2 ответа

0
Лучший ответ

Это документированная проблема разработчика jCarousel, которая обертывает: кругооборот сломан и не будет исправлен до следующей версии.

https://github.com/jsor/jcarousel/issues/search?q=circular

https://github.com/jsor/jcarousel/issues/182

если он исправлен, попробуйте:

$('.jcarousel').jcarousel({
    wrap: 'both'
});

если не работает:

jCarouselLite имеет непрерывный вариант, который может служить вам лучше:

http://www.gmarwaha.com/jquery/jcarousellite/

См. Также http://www.gmarwaha.com/jquery/jcarousellite/#doc и настройку "круговой"

Похожий во многих отношениях (и на основе) jCarousel, но гораздо более легкий и довольно гибкий.

Потенциальный getchya: Если вы прокручиваете более одного элемента в непрерывном режиме, он может пропустить некоторые, если общее количество элементов не точно делится на число, которое вы прокручиваете.

Изменение: Излишне говорить, что я точно не знаю, как это сделать, используя jCarousel, если wrap: 'both' сломаны.

  • 0
    Большой!!! Теперь это работает .. спасибо
0

Попробуй это

(function($) {
    $(function() {
    $('#jcarousel').jcarousel({
        wrap: 'circular'
    });

        $('.jcarousel-control-prev')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '-=1'
            });

        $('.jcarousel-control-next')
            .on('jcarouselcontrol:active', function() {
                $(this).removeClass('inactive');
            })
            .on('jcarouselcontrol:inactive', function() {
                $(this).addClass('inactive');
            })
            .jcarouselControl({
                target: '+=1'
            });

        $('.jcarousel-pagination')
            .on('jcarouselpagination:active', 'a', function() {
                $(this).addClass('active');
            })
            .on('jcarouselpagination:inactive', 'a', function() {
                $(this).removeClass('active');
            })
            .jcarouselPagination();



            $('.jcarousel').jcarouselAutoscroll({
            interval: 3500
           });

            $('.jcarousel').jcarouselAutoscroll({
            autostart: true
            });

    });

})(jQuery);
  • 0
    это работает, я помещаю отдельную функцию $ ('. jcarousel'). jcarousel ({wrap: 'round'});
  • 0
    Спасибо за помощь

Ещё вопросы

Сообщество Overcoder
Наверх
Меню