anythingslider - カスタム FX を使用した Anythingslider、FX オブジェクトは左から挿入されますが、スライドは右に残します

Question

私はcustomFXで何かスライダーを使用しています。左からオブジェクトを挿入すると、同じ方向に消えます。左から表示したいのに右に消えてしまう場合はどうすればよいですか?

Answer 1

FX 拡張機能は、かなり基本的なアニメーションを実行するように作成されているため、ある方向からアニメーションを開始し、別の方向にアニメーションを開始するオプションはまだありません。

そうは言っても、組み込みのコールバック関数を使用して、必要に応じて要素をアニメーション化することができます -このデモをチェックしてください:

var fxtime = 1000,
    dist = 300,
    element = 'h3';

$('#slider').anythingSlider({

    // custom FX animation
    onInitialized: function(e, slider) {
        // this could be in the css; but added here for emphasis
        slider.$el.find(element).css('position', 'relative');
        // move title to starting position, if not in view
        slider.$currentPage.siblings().find(element).css({
            top: '-' + dist + 'px'
        });
    },

    onSlideInit: function(e, slider) {
        var $elnext = slider.$targetPage.find(element),
            $ellast = slider.$lastPage.find(element);
        if ($elnext.length) {
            $elnext
                .css({ top: '-' + dist + 'px' })
                // animate element into it's final position
                .animate({ top: 0 }, fxtime);
        }
        if ($ellast.length) {
            // animate element out of view (down, then reset it to the
            // top when finished)
            $ellast.animate({ top: dist + 'px' }, fxtime, function() {
                $ellast.css({ top: '-' + dist + 'px' });
            });
        }
    }
});​