如何在自动滚动模式下在jCarousel中的帧之间跳转

我正在使用Sorgalla's jCarousel。如何在自动滚动模式下在jCarousel中的帧之间跳转

我想传送带不中断稳步推进，所以我初始化的jCarousel，如：

$('.jcarousel').jcarousel({ 
    wrap: 'circular', 
    animation: { 
     duration: 5000, 
     easing: 'linear', 
    } 
}) 
.jcarouselAutoscroll({ 
    target: '+=1', 
    interval: '0', 
    autostart: true, 
});

我也有一个分页实现：

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

，到目前为止作品，旋转木马是每时每刻都在慢慢移动。但是现在分页按钮不再起作用了，因为转盘不断处于转换过程中。

当点击其中一个分页项目时，为了直接跳转到所需的框架（有/无过渡），我必须做些什么？

的jsfiddle看到here

来源

2016-03-07 Flaudre

的问题是：

当转盘做一个过渡，您不能使用分页。例如：这里http://jsfiddle.net/2Kspn/18/ 尝试点击分页时，有一个过渡。分页不起作用。

或在您的JsFiddle中，将自动启动设置为False，并尝试点击转换。它不起作用。

所以，我看到萨姆的解决方案：

你可以把内部（在1000为例）为了让这个间隔之间分页工作。看到这里http://jsfiddle.net/2Kspn/15/
试图阻止当前的过渡，并强制分页。但在API，http://sorgalla.com/jcarousel/docs/reference/api.html#api中，我们没有找到这样的功能。所以我们可以添加功能。事件$（'a'）。点击（）。我可以像这样停止转换：

$（'。jcarousel ul'）。stop（）;

但是我们必须做重新激活的过渡。

，所以我这样做：

$('.jcarousel ul').stop(true, true);

在这里看到http://jsfiddle.net/sg9u5fLy/5/

但它不是一个真正我们想要的。

但也许是好方法？

希望可以帮助

来源

2016-03-16 14:28:34 Greg

+1对于停止动画的想法，我无法使分页正常工作。 $（'。jcarousel-control-next'）。click（function（）{$（'。jcarousel ul'）。stop（true，true）;}）;对于“下一个”和“前一个”控件至少可以让用户导航，但是这是一个丑陋的解决方法，而且没有平滑的过渡。 – Flaudre

如何在自动滚动模式下在jCarousel中的帧之间跳转

回答

相关问题