0

jQuery を使用して要素の背景画像をセット シーケンスでスワップし、各画像が異なるフレームであるアニメーションを作成しようとしています。最後のフレームに到達するまでフレームを反復処理してから、再び最初に戻る必要があります。

私のコードは次のとおりです。

$spinner_currentFrame = 1;

            function UpdateSpinner(target, numFrames)
            {
                $spinner_currentFrame = ($spinner_currentFrame) + 1;
                if($spinner_currentFrame > numFrames) {
                    $spinner_currentFrame = 1;
                }
                $(target).css("background-image", "frame-" + $spinner_currentFrame + ".jpg");
            }

            $(document).ready(function()
            {
                $spinner_loadingAnim = setInterval(function ()
                {
                    UpdateSpinner('#spinner', 300);
                },
                24);
            });

スプライトを使用しない理由は、数百の画像があり、フレームが Flash のようにエクスポートされているためframe-1.jpg, frame-2.jpgです。ただし、私のコードはエラーを報告していませんが、背景画像は追加されていません...何かアイデアはありますか? 提案？

ありがとう

4

3 に答える 3

1

css プロパティはbackground-imageで設定する必要がありますurl("/path/frame-1.jpg")。

$(target).css("background-image", "url('frame-" + $spinner_currentFrame + ".jpg')");
于 2012-10-17T13:28:11.927 に答える
0

たぶん私は間違っていますが、そうである必要はありません

$(target).css("background-image", "url(frame-" + $spinner_currentFrame + ".jpg)");
于 2012-10-17T13:29:04.913 に答える
0 
 $(target).css("background-image", "url('frame-" + $spinner_currentFrame + ".jpg')");

質問のようにjQuery CSS プロパティを使用して background-image を設定する

編集ミス

于 2012-10-17T13:32:57.193 に答える