Hallo Olaf!
Mein "Vorredner" hat leider einen Schrägstrich vergessen:
<../../tedg.htm>
Das Beispiel ist aber sowieso etwas unglücklich, da es die Bilder über Nummern anspricht, d.h. du must erst umständlich die Bilder durchzählen, und wenn du mal am Anfang des Dokuments eine Änderung vornimmst, mußt du alle nachfolgend verwendeten Nummern ändern.
Besser ist meiner Ansicht nach, den Grafiken Namen zu geben. Die einfachste Variante ist folgende:
<a href="..."
onmouseover="document.bsp_name.src='bsp_grafik_ein.gif'"
onmouseout="document.bsp_name.src='bsp_grafik_aus.gif'">
<img name="bsp_name" src="bsp_grafik_aus.gif" ...></a>
Auf weitere Javascript-Einlagen kannst du bei dieser Variante verzichten. Nachteil: Beim Überfahren des Buttons muß die alternative Grafik erst aus dem Web geladen werden, wodurch sich evtl. eine kleine Verzögerung ergibt. Das kannst du mittels JavaScript-Preload der Grafik verhindern (wie im Beispiel zu sehen).