jmrickson: Probleme mit animierten Gifs im IE7

Beitrag lesen

»»»» Bei einem animierten Gif kennst Du den aktuellen Zustand nicht wirklich. Es ist eher erstaunlich, daß es in anderen Browsern funktioniert. Manche Browser zB halten die Animation unter bestimmten Umständen an (Mauszeiger über anderen Tab führen etc.)

Besser wäre eine Lösung, in der Du die Abfolge der Bilder bestimmst und nicht der Browser, ich denke da an eine Lösung mit CSS-Sprites...

Danke für die schnelle Antwort,
hätte zwar gerne mit animierten Gifs gearbeitet aber die Lösung mit CSS-Sprites scheint mir objektiv betrachtet tatsächlich besser zu sein. Ich hoffe nur das sich die Datenmenge dadurch nicht beträchtlich erhöht. Auf jeden Fall schon einmal vielen Dank..

Die Bildergröße ist sogar geringer...  Hab ein kleines Script dafür geschrieben. Bin kein großer JavaScript programmierer, also verzeit mir bitte das ein oder andere ;-)

--------
JavaScript
--------

  
  
var clockstop_;  
var time;  
var maxtime=61;  
var bildbreite=400;  
var pause;  
  
function imageclock(){  
	  
        time++;  
        document.getElementById('meineID').style.backgroundPosition=(time*bildbreite)+'px 0';  
  
	  
      if (time == maxtime){  
	alert("Ihre Zeit ist leider abgelaufen");  
	clockstop();  
	}  
	if (clockstop_==0)  
	{pause = setTimeout('imageclock()',1000);}  
      }  
  
function clockstop(){ // beendet die Animation  
   clearTimeout(pause);  
   clockstop_=1;  
   time=0;  
}  
  
function clockrun(){ // startet die Animation  
   time=0;  
   clockstop_=0;  
   imageclock();  
}  

-----------
CSS
-----------

  
  
#meineID {  
    width: 400px;  
    height: 400px;  
    text-decoration: none;  
    display: block;  
    background: url('pfadZum/Bild.gif') 0 0;  
    background-position: 24400px 0;  
  
}  

---------
HTML
---------

  
<span id="meineID"></span>  
  

Kann vielleicht dem einen anderen als Anlaufhilfe dienen.