背景画像のアニメーション

Question

バックグラウンド画像を0％から100％の間で前後に移動させようとしています。

#swipe { 
    position:absolute; 
    background-image:url(images/title-back-grade.png); 
    background-position:50% 0%; 
    height: 250px; 
    width: 100%; 
    top: 108px; 
    left: 0px; 
    z-index: 2; 
} 

<div id="swipe"></div> 

$(document).ready(function() { 
$('#swipe').css({backgroundPosition:"(50% 0)"}); 
$('#swipe').animate(
     {backgroundPosition:"(-1% 0)"}, 
     {duration:500}); 

}); 

誰かが私を助けることができますか？

Answer 1

パーセントと言うと、それは何のパーセンテージとしてあいまいになりますか？より良い方法は、（ハードコードされた値を使用したくない場合は）ピクセル値を計算し、それらを使用することです。 （ヨーヨーはまだいない場合）

は、画素値を用いて背景をアニメーション化する上でいくつかの素晴らしい例については、このtuturialを見てみましょう：http://snook.ca/archives/javascript/jquery-bg-image-animations

Answer 2

これは、あなたは

http://jsfiddle.net/efortis/nTWFt/

function animateBg() { 
    var bg = $('#swipe'); 
    bg.animate({left: '-=5000px' }, 10000, 
    function() { 
    bg.animate({left: '+=5000px' }, 10000, 
     function() {     
     animateBg(); 
     }); 
    }); 
} 

$(document).ready(function() { 
    animateBg(); 
});