Jquery, Jcarousel плавно безкрайно превъртане

Използвам jcarousel за автоматично превъртане на някои изображения. Бих искал да знам как да ги накарам да се превъртат в едно течно превъртане без паузи или спирания.

В момента има пауза и след това се превърта отново. Ако не се изразявам ясно, попитайте и ще се опитам да обясня малко по-добре.

Това е кодът:

jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 1,
        wrap: 'last',
        vertical: true,
        animation: 5000

    });

jquery jcarousel
person Community    schedule 14.03.2010    source източник
comment
Моят плъгин jQuery, simplyScroll трябва да постигне това, което искате logicbox.net/jquery/simplyscroll   -  person Logicbox    schedule 02.09.2011

Отговори (4)


arrow_upward
7
arrow_downward

опитвам

auto: .01

настроили сте го да автоматично превърта на всяка 1 секунда. Не мисля, че е възможен течен свитък, но това трябва да изглежда приблизително по същия начин.

person carillonator    schedule 14.03.2010
comment
Благодаря за това. Решете да го направите по лесен начин и използвайте функцията jquery animate. - person ; 14.03.2010
comment
Това работи за мен в допълнение към настройката на скоростта на анимацията на по-висока стойност (от стандартната). Така: animation: 5000, auto: 0.01 - person racl101; 07.09.2012

arrow_upward
6
arrow_downward

Този въпрос е стар като мръсотия, но реших, че давам актуализираното решение.

$('.jcarousel').jcarousel({
    wrap: 'circular',
    animation: {
        duration: 3000,
        easing:   'linear',
    }
  });
  $('.jcarousel').jcarouselAutoscroll({
      interval: 0
  });
person Jake    schedule 20.01.2015
comment
Най-добрият отговор от всички. - person egr103; 02.02.2015
comment
Работи и за мен, но какво ще стане, ако искам директно да премина към снимка без преход? Вашето решение всъщност деактивира функцията за страниране... - person Flaudre; 07.03.2016

arrow_upward
2
arrow_downward

За мен се превърта "по-гладко", когато се използва линейно облекчаване вместо люлеене.

auto:   .01,
easing: 'linear'
person Mushex Antaranian    schedule 20.03.2011
comment
jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ auto: 0.1, scroll: 10, wrap: 'circular', animation: 10000, easing: 'linear' }); }); - облекчаването направи всичко различно - person TomDunning; 26.09.2012

arrow_upward
0
arrow_downward

  • Отворете jquery.jcarousel.min.js
  • Разкрасете скрипта с помощта на http://jsbeautifier.org
  • намерете и заменете "this.options.auto * 1E3" с "0" (нула)

Нещо като:

function mycarousel_initCallback(carousel){   
    // Pause autoscrolling if the user moves with the cursor over the clip.

    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};

jQuery(document).ready(function() {

    jQuery('#mycarousel').jcarousel({
        auto:   1,
        animation:2000,
        easing: 'linear',
        wrap: 'circular',
        scroll:1,
        buttonNextHTML: null,
        buttonPrevHTML: null,
        initCallback: mycarousel_initCallback
    });
});

това е всичко. :)

person Binu Joseph    schedule 01.03.2013