Это для слайдера 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);
Это документированная проблема разработчика 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'
сломаны.
Попробуй это
(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);