イメージスプライトが不安定/ぎくしゃくに見える

イメージをキャンバスにアニメートしようとしています。イメージスプライトが不安定/ぎくしゃくに見える

htmlファイルにはdog.pngがあり、Image Spritesです。 CSSファイル内

<img id="dog" src="images/dog.png" alt="dog" />

：JavaScriptで

#dog{ 
    object-position: 0 0; 
    width: 50px; 
    height: 50px; 
}

が持つ機能があります：0です。

問題で始まるincrementNum

$("#dog").css("object-position",(incrementNum*-60) +"px 0");

画像アニメーションいます不安定になる

画像を見栄え良くするにはどうすればよいですか？ありがとうございました

2016-05-29 whistle

デモを作成したり、少なくともオンラインでスプライトをアップロードしたりできますか？あなたの質問を理解していれば簡単でしょう自分のイメージを他のものよりも扱うことができます。 – Harry

おっと、私はdocumentGetElementByIdがスプライトイメージ全体を取り、CSSを適用しないことを認識しています。だからこそイメージが実際には50 x 50pxに絞られた長いイメージだったのです

2016-05-29 07:07:50 whistle

答えて