Sziasztok!
Az lenne a problémám, hogy van egy adott kód:
Kód:
<style>#animation { background-repeat: no-repeat; height: 80px; width: 80px; }</style>
<script>
function startAnimation() {
var frameHeight = 80;
var frames = 54;
var frame = 0;
var div = document.getElementById("animation");
setInterval(function () {
var frameOffset = (++frame % frames) * -frameHeight;
div.style.backgroundPosition = "0px " + frameOffset + "px";
}, 50);
}
</script>
<img id="animation" style="background-image: url(1.png);"></img><br>
<img id="animation" style="background-image: url(2.png);"></img><br>
. . .
<img id="animation" style="background-image: url(10.png);"></img><br>
Hogyan oldom meg, hogy az összes animation ID-jű képnek változzon a háttere? (A hátterek ugyanakkorák.)
Így csak az elsőé változik.
Norbi
Könyvjelzők