Ansicht:   

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

verfaßt von Johann, 15.01.2017, 19:41:04
(editiert von Johann, 15.01.2017, 19:53:37)

Es fehlt die .image_link Klasse im CSS und im HTML hatte ich im a-Tag kein img. Da darf kein Bild rein, sonst liegt das über dem per CSS gestylten a-tag. Willst Du zwingend erforderlich mit img-tags arbeiten, dann schrieb ich: Geht nur mit Javascript oder ganz anders, indem Du dem img-tag in der hover-Klasse ein display:none; setzt. Den a-tag in der richtigen Größe musst Du trotzdem anlegen.

Du brauchst bei meinem Beispiel keinen image-tag, sondern designst diese .image_link Klasse sowie deren :hover,focus Pseudoklassen, setzt die auf einen a-tag und fertig. Deswegen gibt man, wie im Beispiel ersichtlich, die Adressen der Beiden Bilder im CSS an.
Eventuell gibt man den Klassen .image_link und dem hover-Bereich noch zusätzlich: text-decoration:none; das hatte ich vergessen. ist bei a-tag sinnvoll.

 

gesamter Thread:

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