Hi ho!

Ich möchte gerne ein div mit nem Hintergrundbild über eine Tabelle legen, wobei das div bei mouseover ausgeblendet werden soll.(Soll ne Bildergalerie werden, wo nur das Bild richtig sichtbar ist, über dass die Maus grad fährt und alle andren ausgegraut sind.)

Hier mein Code:

Code :

1	<div onmouseover="this.class='div2'" onmouseout="this.class='div1'" class="div1"></div>

div1 ist ne Klasse mit Bild, div2 ohne.

Warum funktionert das nicht? Kann man styles nicht per css ändern, oder ist dafür eine eigene funktion nötig mit document.write, oder sowas?

Sry, falls dies dämliche Fragen sind, aber JS ist nicht meine Welt..
Aber hab nach dem Prob gesucht und nichts richtiges gefunden...

Gruß, Hankman

Das Attribut, welches du ändern musst, nennt sich className

HTML-Code:

<div onmouseover="this.className='div2'" onmouseout="this.className='div1'" class="div1"></div>

Aaaaaallles klar, danke schön!

natürlich... aber warum macht man das so kompliziert Naja, egal *g*

Wie lautet denn das Attribut für "style"? Falls das hier noch jemand liest =)

Liebe Grüße,
Hankman

Zitat von Hankman

Wie lautet denn das Attribut für "style"?

>>> selfHTML | Javascript | Objektreferenz | style

HTML-Code:

<div style="background-image:url(hintergrundgrafik.png);" onmouseover="this.style.backgroundImage='none'" onmouseout="this.style.backgroundImage='url(hintergrundgrafik.png)'">test</div>

Ooookkay, danke schön =)