Bildwechsel bei mouse over

[tilda]

Guten Morgen
ich habe Button, die über die ganze Seite verteilt sind und jeweils auf eine andere Seite verlinken.
Diese sollen auch noch einen Bildwechsel bei mouse-over machen.

Was ist denn der beste Weg?

Viele Grüße
Tilda

[Samuell]

Richte per CSS eine Hover für den Button ein und sei Dir bewußt, dass dies auf mobilen Geräten erstmal nicht funktioniert, da der Klick auf den Link diesen auslöst.

[tilda]

Was ist denn mit der Erweiterung hyperlinkhover -
funktioniert diese unter der aktuellen Contao Version?

[Samuell]

Wies ich nicht. Schau es doch einfach nach.
Ich verwende Erweiterungen wo ich kann. Erstrecht wenn es mit Bordmitteln geht.

Das erleichtert spätere Updates ungemein.

[tilda]

Guten Morgen,

ich habe nocheinmal eine Frage zum Mouse over von Buttons -
auf HTML Seiten habe ich das ganze immer so gelöst.

<div id="englisch"><a href="../engl/en_presse.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image17','','../img/engl.png',1)"><img src="../img/engl-grau.png" alt="Englisch" name="Image17" width="38" height="23" border="0" id="Image17" /></a></div>

Ich dachte, ich könnte dies übernehmen, ein Frontend Modul mit "Eigenem HTML Code" einrichten und es funktioniert. Tut es aber leider nicht.
Könnte mir jemand auf die Sprünge helfen?

beste Grüße
Tilda

[Andreas]

Da müsstest du mal die Seite zeigen, damit man das analysieren kann.

Aber du sprichst von Button, da braucht man kein IMG in einem A. Mach einfach einen Link mit Linktext für Screenreader und gebe per CSS ein Hintergrundbild. Dann mit CSS hover ein anderes Bild. Den Linktext kannst du mit text-indent verschieben wenn du möchtest.

Eigenen HTML-Code braucht man auch wirklich nur in Ausnahmefällen, du kannst solche Sachen leicht über ein Inhaltselement einstellen, dann ist dein HTML auch immer valide.