动画与jCarousel

Question

我正在使用jCarousel图像滑块。我是jQuery的新手，所以从jCarousel文档中我无法弄清楚如何应用不同的动画效果。

假设我在一个切片上有一个图像，并且我希望视图图像缓慢消失，并且同时下一个图像出现在相同的位置。我怎样才能达到这个效果？它是一个自定义动画，需要编写一个新的JS函数，或者可以通过设置jCarousel来完成？

Answer 1

Karine，我相信你应该使用缓动配置属性。 http://sorgalla.com/projects/jcarousel/#Configuration

在这里，您可以指定要使用的jquery缓动效果（http://api.jquery.com/animate/）。如果你需要别的东西，你可以创建一个自定义动画。在这里你可以看到一个例子http://sorgalla.com/projects/jcarousel/examples/special_easing.html。

或者，您可以使用此代码获得所需的效果：

<script type="text/javascript"> 
function carouselFadeOut(carousel) { 
    var clipId = carousel.clip.context.id; 
    $('#' + clipId).fadeOut(); 
} 

function carouselFadeIn(carousel) { 
    var clipId = carousel.clip.context.id; 
    $('#' + clipId).fadeIn(); 
} 


jQuery(document).ready(function() { 
    jQuery('#mycarousel').jcarousel({visible : 1, scroll : 1, 

    itemLoadCallback: { 
     onBeforeAnimation: carouselFadeOut, 
     onAfterAnimation: carouselFadeIn 
    } 
    }); 
}); 

希望它能帮助，法布里奇奥