nicht angemeldet
Animierte GIFs in DOM-Tree einfügen
Hallo,
Ich füge auf einer HTML-Site dynamisch en animiertes GIF in den DOM-Baum ein, und zwar folgendermassen:
var waitwheel = document.createElement('img');
waitwheel.style.position = 'absolute';
waitwheel.style.left = '5px';
waitwheel.style.top = '30px';
waitwheel.style.width = '40px';
waitwheel.style.height = '40px';
waitwheel.src = '/img/general/waitwheel.gif'
alertwindow.appendChild(waitwheel);
Das GIF wird zwar dargestellt, ist aber nicht animiert (in Internet Explorer/Windows). Wenn ich es statisch als img-Tag ins HTML schreibe, animiert es, das Problem tritt also nur auf, wenn ich es dynamisch mit obigem Code einfüge.
Hat jemand eine Idee, was das Problem sein könnte? Muss ich die Animation per JavaScript anstossen? Ist es eine Einstellung von IE?
Merci!
-
Hallo,
Ich füge auf einer HTML-Site dynamisch en animiertes GIF in den DOM-Baum ein, und zwar folgendermassen:
var waitwheel = document.createElement('img');
waitwheel.style.position = 'absolute';
waitwheel.style.left = '5px';
waitwheel.style.top = '30px';
waitwheel.style.width = '40px';
waitwheel.style.height = '40px';
waitwheel.src = '/img/general/waitwheel.gif'
alertwindow.appendChild(waitwheel);Das GIF wird zwar dargestellt, ist aber nicht animiert (in Internet Explorer/Windows).
Hat jemand eine Idee, was das Problem sein könnte?Nein, weil das Problem offensichtlich nicht wie von Dir beschrieben auftritt:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Titel</title> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"> <script type="text/javascript"> <!-- function insgif() { var waitwheel = document.createElement('img'); waitwheel.style.position = 'absolute'; waitwheel.style.left = '5px'; waitwheel.style.top = '30px'; waitwheel.style.width = '40px'; waitwheel.style.height = '40px'; waitwheel.src = 'powspin.gif' document.getElementById("alertwindow").appendChild(waitwheel); } //--> </script> </head> <body> <h1>Test</h1> <div id="alertwindow" style="position:absolute; top:100px; left:100px; width:50px; height:100px; background-color:#00AFAF;"></div> <div><button onclick="insgif()">insgif</button></div> </body> </html>funktioniert nämlich.
Stelle Dein Problem online, sollte es noch vorhanden sein.
viele Grüße
Axel
-
Wow, du hast recht, das geht tatsächlich. Ich werde versuchen, das Problem sinnvoll zu reduzieren... Vielleicht finde ich dabei auch gleich raus, weshalb es bei mir nicht funktioniert.
Merci!
-