Rollover ohne JS nur CSS

[hasch]

<div id='div_photo'>
                <a href='#' class="hover_bild" id='img_padding'>
<img src='1.jpg' alt='' class='off' />
<img src='11.jpg' alt='' class='on' />
</a>
                <a href='#' class="hover_bild">
<img src='2.jpg' alt='' class='off' />
<img src='22.jpg' alt='' class='on' />
</a>
                <a href='#' class="hover_bild">
<img src='3.jpg' alt='' class='off' />
<img src='33.jpg' alt='' class='on' />
</a>
                <a href='#' class="hover_bild">
<img src='4.jpg' alt='' class='off' />
<img src='44.jpg' alt='' class='on' />
</a>
        </div> 

Hier der Ausschnitt, wo der Hover drauf angewendet werden soll...

[prego]

Es sieht so aus als ob es im IE wirklich nicht klappt.

Hab das ganze mal gecodet (ja, ich weiß, der doctype fehlt)
http://www.triebschicht.de/spielwiese/change_img.html

Das einzige was ich mir vorstellen kann, ist das der IE nur auf ein :hover Event reagieren kann.


Momentan würde ich vorschlagen mach das ganze per JavaScript.

Beim onmouseover auf dem Link die imahes display:block und display:none schalten.

[hasch]

Na dann bleibt es für den IE Mit JS fang ich nix an, bin grad dabei das makeup zu kürzen und JS ist da das genaue Gegenteil, evt. wäre deine Methode mit Erweiterung interessant. Kann ich per .htaccess oder so die EInstellung bezügl. des Content-Types für diese Dateiart ändern?

[wahsaga]

Original geschrieben von prego
Das einzige was ich mir vorstellen kann, ist das der IE nur auf ein :hover Event reagieren kann.

Doch, natürlich geht das.

Der IE rendert den Darstellungsbereich aber nicht neu, so lange sich nur bei den Elementen unterhalb des a was ändert - auch für a:hover muss irgendeine Veränderung eintreten.

Dabei reicht es oftmals schon, beispielsweise die Hintergrundfarbe von #fff auf #ffffff zu ändern o.ä.

[prego]

Hast recht wahsaga. Das ganze funzt - siehe meinem Link von eben, habs da gefixt. Ist natürlich nur prototype...

[hasch]

Ich danke euch beiden vielmals, hab es abgeändert und funktioniert prächtig