✔ CSS Image-Hover Effekt

[nordi]

Hi Leute, ich hab ein kleines Problem. Ich arbeite mit der Lytebox, die vllt. einigen von euch bekannt sein könnte. Ich würde gerne den Closebutton unten rechts mit einem Hovereffekt versehen, weiß aber nicht genau, wie das geht! Der Button ist wie folgt in der CSS-Datei definiert:

#lbClose { width: 66px; height: 22px; float: right; margin-bottom: 10px; }
	#lbClose.grey { background: url(images/closelabel.gif) no-repeat; }

Wie kann man daraus ein Hovereffekt basteln? Hab schon einiges ausprobiert, hat bis jetzt aber noch nichts funktioniert?

Schonmal vielen Dank für eure Antworten!

Marius

 

[Maik]

Hi,

wenn du es mit dem folgenden Stylesheet erfolglos versucht hast, wirst du den Hebel zum Grafiktausch wohl im Lightbox-Script ansetzen müssen, da ja dort die Lightbox "generiert" wird. Hierfür hast du ja vor kurzem im JS-Board nachgefragt und von Quaese einen Lösungsvorschlag erhalten.

#lbClose.grey:hover { background: url(images/closelabel_hover.gif) no-repeat; }

 

[nordi]

Hi, ja hab schon im JS Forum gefragt, aber das war zu einer anderen Lightbox.. dies ist wieder eine andere Ich hab deinen Code ausprobiert, es wird jetzt aber nur das Hover-Image angezeigt. Ich hab folgenden Code benutzt:

#lbClose { width: 66px; height: 22px; float: right; margin-bottom: 10px; }
	#lbClose.grey { background: url(images/closelabel.gif) no-repeat; }
	#lbClose.grey:hover { background: url(images/closelabel_h.gif) no-repeat; }

Also anscheinend arbeitet das Script mit der CSS-Datei - nur der Hovereffekt wird nicht richtig erkannt. Kann das an der JS-Datei liegen? Wie kann das sein, dass jetzt das Hoverimage (closelabel_h.gif) angezeigt wird?