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

时间:2015-08-19 13:32:25

标签: javascript jquery

我是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没有定义,这是我的第一次尝试。我想它需要计算出高度,以便知道何时停止?

1 个答案:

答案 0 :(得分:-1)

修复了以下解决方案:

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