Jürgen Herz: Bilderwechsel mit CSS

Beitrag lesen

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);}

Aber ohne CSS gibt's überhaupt kein Bild. 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. Ohne CSS (bzw. defekten :hover ala IE) gibt's dann zwar keinen Wechsel, aber immerhin das Originalbild.

Ist sowas möglich?

Ciao,
Jürgen