jQuery动画。如何使它重新启动每一个旋转木马幻灯片

Question

下面是用来动画一些图像的Jquery代码，但是我想从代码中删除下面的一行

jQuery('.banner_underlay').removeAttr('style')；

然后让动画重放每一个旋转木马幻灯片。下面的jquery代码。有人能帮忙吗？

jQuery(document).ready(function () {
    jQuery('.cycle-slideshow').cycle({
        fx: 'scrollLeft',
        after: on_after
    });
});

function on_after()
{
    jQuery('.banner_underlay').animate({
        left: '+=1000',
    }, 1050, function () {
        jQuery('.banner_underlay').removeAttr('style');
    });
    jQuery('.banner_overlay').animate({
        right: '+=2000',
    }, 1050, function () {
        jQuery('.banner_overlay').removeAttr('style');
    });
}

Answer 1

每次旋转木马滑动时触发/设置一个事件。每次触发事件时，都要设置一个监听器来调用on_after()或任何您想要重新启动的动画。