verfaßt von Johann, 14.01.2017, 19:55:51
(editiert von Johann, 14.01.2017, 20:00:53)
Dafür nutzt man Pseudo-Klassen wie hover oder focus.
Man kann z.B. eine Klasse definieren, die man dann meinetwegen an einen a-tag klebt. width: und height: sind die Größe der Grafik.
CSS:
.image_link {
display: inline-block;
width: 120px;
height: 60px;
background: url('irgend/was.png') 0 0 no-repeat transparent;
}
.image_link:hover,focus {
background: url('irgend/was.anderes.png') 0 0 no-repeat transparent;
}
HTML:
<a href="#" class="image_link"></a>
Die src eines img-tags kannst Du nur per Javascript ändern.
gesamter Thread: