[Chr!s]

Guten Tag

Ich bastel gerade an einer WebSite für meine Band. Bei den einzelnen Bandprofilen möchte ich, dass beim MouseOver die zuerst verdunkelnten Bilder erhellt werden. Gelöst habe ich dies mittels Hintergrundbildern, die entsprechend bei Hovern dann in den Vordergrund treten.

#chris {
    display: block;
    width: 125px;
    height: 300px;
    background: url('../images/chris.jpeg') no-repeat;
    cursor: hand;
}

#chris:hover {
    background: url('../images/chris_hover.jpeg') no-repeat;
}

Und was macht der Internet Explorer? Richtig, nichts. Jedenfalls passiert beim Mouseover nichts. Im Opera dagegen funktinoiert dies einwandfrei.

Wäre sehr schön, wenn mir jemand bei der Lösung des Problems behilflich sein könnte.

Danke

[kampfgnom]

das hat den einfachen grund, das der IE nur bei a hover kennt.
Mach also ein Lin ktag drumherum, dann kannst du dir auserdem das "cursor:hand;" sparen.

Achso und leere elemente sind was ganz fieses

google mal nach dem Stichwort image replacement...

[kampfgnom]

die id muss aber der link tag bekommen. und dann kannst du dir das div sparen...

[Chr!s]

Ah, jetzt hatte ich meine Message schon gelöscht, weil ich genau das versuchen wollte. Werde ich mich gleich mal ran machen.

//edit:
Genau daran lag es auch. Danke für die schnelle und kompetente Hilfe!

[kampfgnom]

Wenn du es anders machen willst/musst, dann geht halt nur noch JS.
Da gibts en IEhack mit dem man dem auch hover für alle elemente bei bringen kann.
(Ich glaub YAML hat so ne datei im Framework....)

[Chr!s]

Danke, aber JavaScript möchte ich so wenig wie möglich einsetzen. Und dies hier ist einfach die elegantere Lösung.

[$traight-$hoota]

ich würde dir noch raten, die hoverbilder vorzuladen, bzw. mit den "normalen" bildern in eine datei zu packen und für den hover-effekt nur das clipping zu verschieben (rollover effekt). dadurch verhindest du ein kurzes blitzen, wenn man das erste mal über den link fährt. bei ner langsamen internetverbindung kann das bild sogar längere zeit nur weiß sein.
und wie kampfgnom schon angesprochen hat, ist ein leeres a-tag ziemlich schlecht in sachen accesibility, weil so screenreader, textbrowser oder browser ohne css keinen link anzeigen.
ich weiß nicht, ob du auch allgemeine kritik hören möchtest, aber ich find dein design echt nicht schlecht. vielleicht könntest du mit ner zweiten schriftart noch ein bischen abwechslung reinbringen... und es wäre schön, die bildergalerie auch ohne flashplayer betrachten zu können.

[Jann Hendrik]

zu der Geschichte mit CSS:
[CSS] CSS-Hover ohne Nachladen

[MrNiceGuy]

Japp, sieht ganz nett aus die Seite und das Blitzen würde ich wirklich noch durch den von Straight beschriebenen Trick abstellen, das wirkt ein bisschen komisch beim ersten Laden und kostet eigentlich nicht wirklich viel Zeit zu realisieren.

Zur Seite selbst habe ich gerade noch auf die Schnelle einen Schreibfehler gefunden:

Discography: "Unsere Songs sind entstehen derzeit unter schweißtreibender Arbeit" -> Da ist sind wohl ein Verb zuviel

[Chr!s]

Vielen Dank euch für den Tipp und auch für deine Aufmerksamkeit NiceGuy.