Code nur im IE !

Rici

Grünschnabel
Ich benutze auf meiner Seite folgenden "Link":
Code:
<a onMouseover="document.all.bild.src='Ordner/Grafik2.jpg'" onMouseout="document.all.bild.src='Ordner/Grafik1.jpg">
Und dann etwas tiefer, zur Ausgabe
Code:
<img id='bild' src="Ordner/Grafik1.jpg" width="256" height="223">
Leider funktioniert der Code nur im Internet Explorer. Kriegt man den irgendwie Mozi/Opera/Sonstige-konform? Danke im Vorraus
 
Das all-Object ist IE-only!

Entweder du machst es per getElementById, dann brauchst du nen DOM kompatiblem Browser (sind nicht gerade viele!), oder du machst es per images-Objekt.
Dazu musst du wissen, an welcher Stelle dein Bild liegt (also die Anzahlen der <img>-Tags, die vorher im Quelltext auftauchen)

Beispiel zu getElementById:
PHP:
<a onMouseover="window.document.getElementById('bild').src='Ordner/Grafik2.jpg';"
 onMouseout="window.document.getElementById('bild').src='Ordner/Grafik1.jpg';">

[...]

<img id="bild" src="Ordner/Grafik1.jpg" width="256" height="223">

Und ein Beispiel mit dem Images Objekt:
PHP:
<a onMouseover="window.document.images[2].src='Ordner/Grafik2.jpg';"
 onMouseout="window.document.images[2].src='Ordner/Grafik1.jpg';">

[...]

<img src="bla.png">
<img src="bla2.png">
<img src="Ordner/Grafik1.jpg" width="256" height="223">
Geändert wird das dritte Bild, weil du dem Browser mit images[2] sagst, dass er das dritte Bild aus dem Dokument nehmen soll (eine Zwei deshalb, weil es sich mehr oder weniger um ein Array handelt, und diese mit null beginnen (0, 1, 2, 3, usw.))
Die zwei anderen Bilder sind nur zur Veranschaulischung.

Noch ein kleiner Tipp: Grundsätzlich sollten bei Ordnern und Datein immer klein geschrieben werden, da die meisten Hoster auf einem Betriebssystem namens Linux bzw. UNIX hosten, welches (im Gegensatz zu Windows) auf Groß- und Kleinschreibung bei Datein und Orndern achtet (case sensitive!).
 
Danke erstmal für die Hilfe!

Es gibt da nur zwei Probleme, zumindestens fallen mir die so spontan ein! Ich gehe jetzt mal von der zweiten Lösung aus, wenn Du sagst, dass die erste mir bei den meisten Browsern eh nix nutzt!

Zum einen: es handelt sich ja um includede Seiten, ergo werden ja bereits ein Haufen Grafiken fürs Design geladen, bevor die img-Tags aus der PHP-Datei dran kommen und ich schätze ja mal, die würden alle mitgezählt werden müssen. Zum zweiten: der Sinn dahinter ist ja, mehrere Grafiken als Thumbnails und dann beim Drüberfahren an <b>einer</b> anderen Stelle in voller Größe anzeigen zu lassen. In dem Fall müsste man den Code ja leicht anpassen, so wie ich das sehe!

Übrigens auch danke für den Hinweis mit der Groß/Kleinschreibung, nur wird da schon ziemlich penibel drauf geachtet, dass da alles eingehalten wird. Es werden auf dem Server grundsätzlich alle Ordner groß und alle (PHP-)Dateien klein geschrieben!
 
wenn Du sagst, dass die erste mir bei den meisten Browsern eh nix nutzt!
So schlimm ist es zum Glück auch wieder nicht.
Wenn die Zielgruppe entsprechende Browser hat (Mozilla sowieso, IE ab Version 5 glaub ich, und Netscape ka, hab ich letztens mal nen Link gepostet, da standen die alle Drin), dann kannst du auch bedenkenlos getElementById nehmen!
 
Hi!

Bzgl IMG-Durchzählen: Du mußt nicht die Image-Nummer ansprechen, es geht auch über das Attribute "Name":
PHP:
<A onMouseover="window.document.images['eins'].src='ordner/grafik2.jpg';"
 onMouseout="window.document.images['eins'].src='ordner/grafik1.jpg';">

<IMG SRC="ordner/grafik1.jpg" NAME="eins">
 

Neue Beiträge

Zurück