jQuery - jCarousel - 淡入

Question

我正在使用插件 jCarousel ( http://sorgalla.com/projects/jcarousel/ )，而不是图像滑入(如“带有自动滚动的轮播”演示)

我希望图像淡入。用法是一个自动滚动的 jCarousel，一次只显示一个元素。但我查看了 Cycle 插件，但它似乎不适合我的场景，因为我想要显示的元素包含文本和图像。

如果有人可以提供帮助，谢谢。

菲尔

Answer 1

试试这个:

var jcarousel = $('#yourContainer');

    jcarousel.jcarousel({
        animation: {
            duration: 0 // make changing image immediately
        }
    });

    // make fadeIn effect
    jcarousel.on('jcarousel:animate', function (event, carousel) {
        $(carousel._element.context).find('li').hide().fadeIn(1000);
    });