Axel Richter: Animierte GIFs in DOM-Tree einfügen

Beitrag lesen

SELF-Forum

Animierte GIFs in DOM-Tree einfügen

Axel Richter
– Informationen zu den Bewertungsregeln

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

Beitrag melden
–
Informationen zu den Bewertungsregeln