animacja setInterval

0

chcę stworzyć animację obrazka (przesuwanie w prawo) przy pomocy funkcji setInterval. niestety skrypt, który stworzyłem nie działa (obrazek nie przesuwa się).. gdzie popełniam błąd?

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>animacja</title>
	<script type="text/javascript"  src="animacja.js"></script>
	<style type="text/css">
    #obrazek
    {
        position: absolute;
        left: 1px;
    }
    </style>
</head>
<body>
	<img src="smile.jpg" id="obrazek" alt="Usmiech" width="100" height="100" />
</body>
</html>

skrypt:

window.onload = inicjuj;

function inicjuj()
{
    setInterval(function(){animacja();},1000);
}

function animacja()
{
    var obj = document.getElementById("obrazek");
    var wartosc = parseInt(obj.style.left, 10);
    obj.style.left = (wartosc + 10) + "px";
}

Sprawdzałem - sama w sobie funkcja animacja jest wywoływana

0

Konsola JS coś wypluwa?

0

zadnych bledow.. tylko ostrzezenia: "Blad podczas przetwarzania wartosci dla "left". Deklaracja opuszczona."

0

wrzuc to: "left: 1px;" jako inline css czyli bezposrednio w img src

1 użytkowników online, w tym zalogowanych: 0, gości: 1