我正在使用 jCarousel用于图像 slider 。我是 jQuery 的新手,所以从 jCarousel 文档中我无法弄清楚如何应用不同的动画效果。
假设我有一张图片,我希望 View 图片慢慢消失,同时下一张图片出现在同一个地方。我怎样才能达到这种效果?是自定义动画,需要自己写一个新的JS函数,还是可以通过jCarousel的设置来完成?
最佳答案
Karine,我相信你应该使用easing 配置属性。 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
}
});
});
希望对你有帮助,法布里齐奥
关于javascript - jCarousel 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9553965/