动画在firefox的第二次迭代中不起作用

Question

我正在制作一个带有动画效果的滑块，它在谷歌浏览器中工作，但在Firefox中，它首先运行良好（第一次显示图像） 但是当它第二次开始显示图像时，我看不到动画

这里是jquery代码

var anim = function(index){
    return _start = setInterval(function(){
        $($slides).each(function(){
            $(this).removeClass("current");
        });
        $($pages).each(function(){
            $(this).removeClass("active");
        });
        if(index < $slides.length - 1)
            index++;
        else
            index = 0;
        current = index;
        $($slides[index]).addClass("current");
        $($pages[index]).addClass("active");
    },speed);
}

就像firefox记得动画一样，它再也没有显示出来

这里是＆＃39;当前＆＃39; CSS中的类

.current{display: block;}
.current .right-side img{
    animation:zoomin 5s;
    -moz-animation:zoomin 5s;
    -webkit-animation:zoomin 5s;
    -o-animation:zoomin 5s;
    -ms-animation:zoomin 5s;
}
.current .right-side img{
    animation:zoomin 5s;
    -webkit-animation:zoomin 5s;
    -moz-animation:zoomin 5s;
    -o-animation:zoomin 5s;
    -ms-animation:zoomin 5s;
}
.current .left-side > *:not(button) {
    animation:fadeInDown 2.5s;
    -moz-animation:fadeInDown 2.5s;
    -webkit-animation:fadeInDown 2.5s;
    -o-animation:fadeInDown 2.5s;
    -ms-animation:fadeInDown 2.5s;
}
.current .left-side > button{
    animation : fadeIn 2.5s;
    -webkit-animation : fadeIn 2.5s;
    -moz-animation : fadeIn 2.5s;
    -o-animation : fadeIn 2.5s;
    -ms-animation : fadeIn 2.5s;
}

Answer 1

在线看，我认为你需要一个迭代计数器。喜欢这个。

animation-iteration-count: infinite;

animation-duration: 2.5s;