Bilderwechsel mit CSS

[ShiNtoKu]

Hallo,

Hallo,

Ziel ist es, ein auf einer Webseite angezeigtes Bild beim Überfahren mit der Maus ohne JavaScript durch ein anderes auszutauschen.

Und ja, so ungefähr geht das (wenn auch nicht im IE):

<div class="change"></div>

div.change {background-image:url(images/rtnew.jpg); width:227px; height:270px;}
.change:hover {background-image:url(images/rtnew2.jpg);}

Ja, richtig, das könnte so funktionieren.

Aber ohne CSS gibt's überhaupt kein Bild.

Wie meinen?

Ideal wäre es also, das hier
<img src="images/rtnew.jpg" width="227" height="270" class="change">
per CSS beim Überfahren gegen rtnew2.jpg austauschen zu können.

Das wäre weniger ideal, da du per CSS nicht die Attribute eines HTML-Objektes ändern kannst.

»Ohne CSS (bzw. defekten :hover ala IE) gibt's dann zwar keinen Wechsel, aber immerhin das Originalbild.

Im ersteren Fall (mit div) Wäre doch genau das der Fall..

Viele Grüße
Patrick