Firefox unterscheidet einzelne GIF-Animationen nicht

birthdefect

Ich habe Seltsames entdeckt und weiß nicht weiter:

Mit Firefox (Version 2) passiert folgendes:
Mit On Mouseout wird an einer Stelle eine GIF-Animation
neu angezeigt.
Leider beginnt er an allen anderen Stellen der Seite
diese GIF-Animation auch wieder von vorne abzuspielen.
(Das schaut komisch aus, wenn plötzlich alle bisher
besuchten Buttons einen Fadeout simulieren)

Im Internetexplorer erscheint es richtig,
die anderen Animationen der gleichen Datei werden
nicht neu abgespielt.

Hier ein Codeausschnitt:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:

Zugriff mit document.getElementById('bildid').src:<br>
<table border="0">
<tr>
<td>
<img id="idf0x0" name="nf0x0" alt="Leuchte"
src="leuchte_dunkel.gif" width="16" height="16"
onMouseOver="document.getElementById('idf0x0').src='leuchte_hell.gif';"
onMouseOut="document.getElementById('idf0x0').src='leuchte_aus.gif';">
</td>
<td>
<img id="idf0x1" name="nf0x1" alt="Leuchte"
src="leuchte_dunkel.gif" width="16" height="16"
onMouseOver="document.getElementById('idf0x1').src='leuchte_hell.gif';"
onMouseOut="document.getElementById('idf0x1').src='leuchte_aus.gif';">
</td>

... und so weiter.

Es ist eine Tabelle mit lauter gleichen Grafiken,
doch sollten es unterschiedliche Elemente sein.

Es erscheint mir nicht so abwegig, so eine Leuchte für
mehrere Buttons auf der Seite zu nutzen, schließlich
möchte ich nicht für jeden button eine eigene Leuchtanimation
abspeichern, wenn sie alle gleich aussehen.

Hier die Adresse zu der Beispielseite im Ganzen:
http://www.somekindofitem.com/firefoxbug/index.php

PS:
Alle Bilder haben eine unterschiedliche ID
und einen unterschiedlichen Namen.

Kann mir da jemand helfen ???
Weiß jemand bescheid ???

birthdefect

Endlich!!!! Feuerteufel

... ich habe die Antwort, ich habe ein Workaround gefunden, das im
Internetexplorer von Microsoft
UND im Mozilla Firefox gleichermaßen FUNKTIONIERT !
(Quelle: http://www.webdeveloper.com/forum/showthread.php?t=86272 (10.01.2007) )

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:

Zugriff mit this.src:<br>

<table border="0">
<tr>
<td>
<img alt="Leuchte" src="leuchte_dunkel.gif" width="16" height="16" onMouseOver="this.src='leuchte_hell.gif';" onMouseOut="this.src='leuchte_aus.gif?0x0';">
</td>
<td>
<img alt="Leuchte" src="leuchte_dunkel.gif" width="16" height="16" onMouseOver="this.src='leuchte_hell.gif';" onMouseOut="this.src='leuchte_aus.gif?0x1';">
</td>
...

Jetzt ist der Effekt verhindert, weil der Firefox durch das
Anhängsel bild.gif?xyz das Bild als einzigartiges Bild ansieht
und es auch so behandelt.

Dabei muß xyz eine eindeutige Folge aus Zahlen und Buchstaben
sein, lieber nicht zu lang, muß bloß eindeutig sein und darf
natürlich keine funktionellen Sonderzeichen enthalten.

So läuft die Animation wirklich nur dort ab, wo sie
ablaufen soll.

cool