1. Herzlich willkommen bei WPDE.org, dem grössten und ältesten deutschsprachigen Community-Forum rund um das Thema WordPress. Du musst angemeldet oder registriert sein, um Beiträge verfassen zu können.
    Information ausblenden

Mouse Over Effect

Dieses Thema im Forum "Plugins und Widgets" wurde erstellt von Goekhan, 20. Juni 2013.

  1. Goekhan

    Goekhan Member

    Registriert seit:
    28. März 2013
    Beiträge:
    18
    Zustimmungen:
    0
  2. flipps

    flipps Well-Known Member

    Registriert seit:
    19. April 2010
    Beiträge:
    1.128
    Zustimmungen:
    2
    Hallo,

    wenn das nicht das Bild nicht wegsliden soll, also bei Mouseover einfach ein anderes Bild, eben das mit dem Text eingeblendet werden soll, dann reicht hier einfaches css. Mit dem Befehl :hover kannst du nicht nur Links, usw. bei Mouseover anders einfärben, du kannst auch das Bild ändern lassen.

    Du definierst ein div, diesem div gibst du ein Hintergrundbild. Und diesem div mit :hover gibst du dann das Hintergrundbild das den Text enthält. Das wäre für mich die einfachste und sauberste Lösung.

    Falls du einen Fade oder Slide einbauen möchtest muss ich passen.

    VG
    Philip
     
  3. gericoach

    gericoach Well-Known Member

    Registriert seit:
    12. August 2008
    Beiträge:
    7.193
    Zustimmungen:
    0
    cooles Teil! Haste bei der Umsetzung nen Denkfehler drin, irgendwo was falsch eingebaut?
     
  4. livera

    livera Active Member

    Registriert seit:
    13. Dezember 2012
    Beiträge:
    34
    Zustimmungen:
    0
    Ich weiß nicht, ob ich richtig verstehe, aber wäre es nicht eifnacher, statt einem Plugin den html Code zu verwenden
    Mit

    <a href="ZuverlinkendeAdresse"><img src="Bild1.jpg" onmouseover="this.src='Bild2'"onmouseout="this.src='Bild1'" alt="abschicken">

    mache ich solche Sachen immer - das geht ruck zuck und du musst nicht mit einem Plugin umtun...
     
  5. Dunkelangst

    Dunkelangst Well-Known Member

    Registriert seit:
    28. Juni 2007
    Beiträge:
    682
    Zustimmungen:
    0
  6. HippoHero

    HippoHero New Member

    Registriert seit:
    24. Oktober 2013
    Beiträge:
    4
    Zustimmungen:
    0
    Hallöchen, ich werkel da ja auch schon ziemlich lange dran rum und habe leider auch kein gescheites Plugin gefunden, das mir hilft...
    Leider tue ich mich mit den Code-Zeilen auch ziemlich schwer.

    Wir muss ich den oben genannten Code verwenden? Habe nicht ganz verstanden, wo welcher Link rein muss..."abschicken" und "zu verlinkende Adresse" verwirren mich...

    Und wie müsste man diesen Code anpassen, damit der Hover von unten ins Bild reinfährt? So wie hier z.B.: http://www.schuchert.de/unternehmen/

    Danke für eure Hilfe!
     
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden
  1. Diese Seite verwendet Cookies, um Inhalte zu personalisieren, diese deiner Erfahrung anzupassen und dich nach der Registrierung angemeldet zu halten.
    Wenn du dich weiterhin auf dieser Seite aufhältst, akzeptierst du unseren Einsatz von Cookies.
    Information ausblenden