In Animation Bild vergrößern

HTML 4 YOU · 15 Juni 2010

Hey Leute,

ich habe mal wieder ein Problem, und zwar möchte ich mit Javascript ein Bild animieren, jedoch funktioniert es nicht und in der Fehlerkonsole von Firefox steht nach dem mouseover:

"Fehler beim Verarbeiten des Wertes für 'height'. Deklaration ignoriert."
bzw. "Fehler beim Verarbeiten des Wertes für 'width'. Deklaration ignoriert."

Auf die Frage, wieso ich das nicht mit canvas mache, ist die Antwort, dass ich mehr Funktionen zum animieren brauche, und das Problem mit Falsh ist, dass man das nicht auf dem iPad/iPhone/iPod/iMac funktioniert.

Hier habe ich meinen Quellcode:

HTML:

<!DOCTYPE html>
<html>

<head>
    <title>Javascript-Test</title>

    <script language="javascript" type="text/javascript">
        var i = 100;


        function start() {
        if(i<=200) window.setInterval('Icon()', 100);
        }


        function Icon() {
            var img = document.getElementById('AppIcon');
            img.style.width = i;
            img.style.height = i;
            i++;
        }


    </script>

</head>

<body>
    <img src="iPhone App Icon Gr&uuml;n.png" width="100" height="100" id="AppIcon" onmouseover="start()"/>
</body>
</html>

Hoffe ihr könnt mir helfen.
Danke schon im Vorraus

threadi · 15 Juni 2010

Ich würde sagen Du hast die Einheit vergessen:

Code:

img.style.width = i[COLOR="Red"] + "px"[/COLOR];

HTML 4 YOU · 16 Juni 2010

Danke

Achso ja, was für ein dummer Fehler. Danke

In Animation Bild vergrößern

HTML 4 YOU

Neues Mitglied

threadi

Moderator

HTML 4 YOU

Neues Mitglied

Neueste Beiträge