Ben: Hover Schaltfläche

SELF-Forum

Hover Schaltfläche

Ben
– Informationen zu den Bewertungsregeln

Hallo,

könnt ihr mir netterweise mal sagen wie man diese Hover Schalflächen hinbekommen kann?
Wie man dass mit Text macht weiss ich schon: ":hover" nun möchte ich das aber mal mit nem Bild machen. Ich will also dass wenn man auf ein Bild zeigt sich das Bild vom früheren verändert!

Wie geht das? Hab mal früher irgentwo gesehen dass man das mit JavaScript macht?!
Wie würdet ihr das machen?

Vielen Dank im vorraus!

Ben

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Hover Schaltfläche

    Nico
    – Informationen zu den Bewertungsregeln

    Hallo!

    http://de.selfhtml.org/javascript/beispiele/buttons.htm

    Nico

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

  2. Hover Schaltfläche

    Gernot Back Homepage des Autors
    – Informationen zu den Bewertungsregeln

    Hallo Ben,

    könnt ihr mir netterweise mal sagen wie man diese Hover Schalflächen hinbekommen kann?

    Wie geht das? Hab mal früher irgentwo gesehen dass man das mit JavaScript macht?!
    Wie würdet ihr das machen?

    Dank des lehrreichen Einflusses dieses Forums würde ich das jetzt nur noch mit CSS und ohne JS machen:

    Weise dein Bild einem a-Element als Hintergrundbild ohne background-repeat zu und positioniere dieses dort schön mit background-position. Für dein gehovertes a-Element nimmst du dann ein anderes Hintergrundbild. Setze das a-Element auf display:block und ggf. auch auf float, verpasse ihm eine dem Bild entsprechende Breite, Höhe, Margin, Padding und fertig ist die Laube.

    Gruß Gernot

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln