Image Sprites sieht abgehackt/ruckelt

Question

Ich versuche, Bild auf Leinwand zu animieren.

in der HTML-Datei habe ich dog.png und es ist ein Bild Sprites.

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

in CSS-Datei:

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

in der JavaScript gibt es eine Funktion mit:

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

wo mit 0

Das Problem starten incrementNum ist, dass das Bild, Animation stoppelig/ruckelnd.

Wie mache ich die Bilder gut? Danke

Answer 1

Hoppla, ich stelle nur fest, dass die documentGetElementById das gesamte Sprite-Bild und nicht die CSS übernehmen. Deshalb war das abgehackte Bild eigentlich ein langes Bild, das in 50 x 50px