nicht angemeldet
Hi,
m1.gif ist ein Balken, der von links nach rechts fährt,
m2.gif ein Balken von rechts nach links,
und 1.gif ist der Balken ohne Animation in der Ausgangslage (also links).
Wenn ich mit der Maus über den ersten div gehe, ist alles wunderbar. Der Balken fährt nach rechts. Wenn ich runter gehe passt auch noch alles, fährt schön zurück. Das kann ich so oft ich will machen, klappt immer, bis ich auf den zweiten div komme. Der fährt dann nur noch raus so schön, wenn ich ihn verlasse springt das Bild sofort, ohne die Animation zurück. Und beim ersten div funktioniert das nun auch nicht mehr, da springt der Balken auch sofort wieder zurück.
Ich bezweifle, dass das überhaupt ein JavaScript-Problem ist.
Für wahrscheinlicher halte ich es, dass es eines der generellen Probleme mit dem wiederholten Einblenden animierter GIF-Grafiken ist. Dabei kann es je nach Browser unterschiedlichste Probleme geben. Dass der Browser dabei einfach „vergisst“, die Animation beim erneuten Einblenden wieder von vorne zu starten, kommt nach meiner Erfahrung häufiger vor.
<div id="seite1" onmouseover="mouseOver('seite1')" onmouseout="mouseOut('seite1')" onclick="window.open('seite1.html','inhalt','');">
Seite1
</div>
<div id="seite2" onmouseover="mouseOver('seite2')" onmouseout="mouseOut('seite2')" onclick="window.open('seite2.html','inhalt','')">
Seite2
</div>
Hier überhaupt JavaScript einzusetzen, ist natürlich schon mal wenig sinnvoll - du machst hier eine der wichtigsten Funktionalitäten der Seite, die Navigation, von JavaScript abhängig - und das auch noch völlig grundlos.
Zum Verlinken solltest du Links nehmen, und keine DIVs per JavaScript dazu zweckentfremden. (Ich nehme an, dass geschah aus Unkenntnis über den Umgang mit CSS heraus - weil normale Links als Inline-Elemente sich keine Breite und Höhe geben lassen wollten ...?)
Wechsel der Hintergrundbilder ginge auch per CSS im Linkzustand :hover (wobei das hier mit dem Startzustand allerdings problematisch werden könnte).
Was die grundsätzliche Problematik mit dem Wiederholten Abspielen von GIF-Animationen bei der Wieder-Anzeige angeht habe ich recht brauchbare Erfahrungen damit gemacht, per JavaScript neue Image-Elemente zu erzeugen, deren src-Attribut erneut zu setzen, und dann das im Dokument vorhandene Bildelement-Objekt mit dem neuen auszutauschen. Diese Methode funktioniert allerdings nur mit IMG-Objekten im HTML, nicht mit Hintergrundbildern - aber darauf könnte man das ganze ja auch hier umstellen (CSS-Kenntnisse vorausgesetzt).
Oder, ggf. könnte man die Animation auch komplett von der GIF-Technik befreien, und mit statischen Hintergrundbildern über kontinuierliches Verändern der background-position per JavaScript ersetzen - aber das kommt auf den genauen Aufbau und Ablauf deiner Animation an (und die wird daraus, dass du nur Quelltext gezeigt hast, natürlich nicht ersichtlich).
Und btw., Frames solltest du eigentlich auch los werden, um die Nutzbarkeit deiner Seite zu steigern.
MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam]