Ansicht:   

#407394 Mit CSS bei hover ein neues Bild laden (web.design)

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:

Ansicht:   
Auf unserer Web-Seite werden Cookies eingesetzt, um diverse Funktionalitäten zu gewährleisten. Hier erfährst du alles zum Datenschutz