使用jQuery每250px切换背景位置

Question

我是jQuery的新手并不确定更改背景位置的最佳方法，我基本上需要每0-250px更改一个背景位置，然后0-500px等。这是最好的方法吗？

JS：

function startAvatarAnimation() {

    var avatarHeight = 250;
    var avatarTotalHeight = 2750;
    var i = 0;
    var avatarSpeed = 1000;

    setInterval(function(){
        i++;
        if(i > avatarArray.length){
            i = 0;
        }
        $(".avatars").css({'background-position' : '0 -' + (i*avatarHeight) + 'px' });
    }, avatarSpeed);

}

HTML：

<div class="avatars"></div>

我现在收到一个错误，avatarArray没有定义，这是我的第一次尝试。我想它需要计算出高度，以便知道何时停止？

Answer 1

修复了以下解决方案：

Router::prefix('api', function ($routes) {       
 $routes->scope('/v1', function ($routes) {                       
 $routes->connect('/', ['action'=>'index']);              
 $routes->connect('/:id', ['action'=>'view', ':id']);         
}); 
});