Question

我在customFX中使用anythingslider。当我从左侧插入一个物体时，它会向同一方向消失。如果我想从左边看但是消失到右边怎么办？

Answer 1

FX扩展是为了做一些相当基本的动画而编写的，所以它尚未可以选择允许从一个方向进行动画制作而在另一个方向进行动画制作。

话虽如此，您可以使用内置的回调函数根据需要为元素设置动画 - 请查看this demo：

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

Anythingslider带有自定义FX，FX对象从左侧插入，但将滑块留在右侧

1 个答案: