jquery - 使用 caroufredsel 滚动时如何添加一些自定义动画？

Question

我想在缩略图滚动时添加一些自定义动画。例如，当用户单击下一个按钮时，我想要离开屏幕淡出的缩略图和出现在屏幕上淡入的缩略图。

从示例中我知道这是要使用的功能：

 onBefore: function( data ) {}

小提琴链接

这是一个没有自定义动画 的演示。

例子

类似的东西。

Answer 1

在这里，我设法为 Fade 和 Size 设置动画，但还有一个错误。图像不会恢复可见。

添加：

var defaultCss = {
    opacity: 0,
    width: 0,
    height: 0
};
var selectedCss = {
    opacity: 1,
    width: "77px",
    height: "77px"
};    
var scroolItems = 6;

和：

scroll: {
            items: scroolItems ,
            duration: 1000,
            onBefore: function( data ) {
                data.items.old.find('img').animate(defaultCss);
                data.items.visible.eq(scroolItems ).find('img').animate(selectedCss);
            }
        }

演示链接