0

サムネイルがスクロールするときにカスタムアニメーションを追加したいと思います。たとえば、ユーザーが次のボタンをクリックしたときに、画面をフェードアウトするサムネイルと、画面にフェードインするサムネイルを表示します。

例から、これが使用する関数であることがわかります。

 onBefore: function( data ) {}

フィドルリンク

これは、カスタムアニメーションのない デモです。

例

これに似たもの。

4

1 に答える 1

1

ここでは、フェードとサイズをアニメーション化できますが、まだバグがあります。表示に戻らない画像。

追加した：

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);
            }
        }

デモリンク

于 2013-01-04T21:00:32.337 に答える