Jcarousel：设置CSS过渡时间

Question

我使用jCarousel来制作一个简单的幻灯片。它工作正常，我经常使用它。 但是，我只是意识到我无法设置转换时间（因为我正在使用CSS转换）。

见下面的代码：

JS部分：

var carousel = $('#sliderContainer'); 
carousel.jcarousel({ 
    transitions: Modernizr.csstransitions ? { 
       transforms: Modernizr.csstransforms, 
       transforms3d: Modernizr.csstransforms3d, 
       easing: 'ease-in-out', 
       // any way to put something like : duration: 1s ? 
      } : false 
}); 

CSS部分（萨斯语法）：

#slider 
width: 10000% 
position: absolute 
transition-duration: 5s 
-webkit-transition-duration: 5s 

的jCarousel适用#slider元件上的过渡。

又见生成的HTML：

<div id="slider" style="transition: all 5s ease; -webkit-transition: all 5s ease; -webkit-transform: translate3d(-2048px, 0, 0);"> 

这里的问题：在过渡期间仍是默认端口（0.4或0.5我猜的）...

任何想法？

Answer 1

奇怪的是过渡期间这里：

<div id="slider" style="transition: all 5s ease; -webkit-transition: all 5s ease; -webkit-transform: translate3d(-2048px, 0, 0);"> 

没有解释。

我只是过来一个重要！

#slider 
    width: 10000% 
    position: absolute 
    transition-duration: 5s !important 
    -webkit-transition-duration: 5s !important 

它的工作原理。但它确实很奇怪，有一个父元素上没有转变，所以我不知道为什么我需要一个重要的...

Answer 2

var carousel = $('#sliderContainer'); 
carousel.jcarousel({ 
    transitions: Modernizr.csstransitions ? { 
       transforms: Modernizr.csstransforms, 
       transforms3d: Modernizr.csstransforms3d, 
       easing: 'cubic-bezier(0.680, -0.550, 0.265, 1.550);', 
      } : false 
}); 

编号：http://matthewlein.com/ceaser/