[CSS] Bild hover effekt

Dieses Thema im Forum "Webdesign" wurde erstellt von »The Gr4ndp4, 19. März 2010 .

Schlagworte:
Status des Themas:
Es sind keine weiteren Antworten möglich.
  1. 19. März 2010
    Bild hover effekt

    Hallo, wie kann ich es am besten in CSS umsetzen, das ich wenn ich über ein Bild gehe, das ein anderen Bild kommt, also wie so nen Hover Effekt.

    Oder kann ich das auch einfach im Html machen ?

    Also zB Wenn ich auf einen Button klicke dann aus Button1.jpg, Button2.jpg wird.

    danke
     
  2. 19. März 2010
    AW: Bild hover effekt

    Prinzipiell kannst du das schon mit CSS machen. Beispiel:
    HTML:
    <style>
    #bild {
    background-image:url(bild1.jpg);
    height:400px;
    width:400px;
    }
    #bild:hover {
    background-image:url(bild2.jpg);
    }
    </style>
    
    
    <div id="bild"></div>
     
  3. 19. März 2010
    AW: Bild hover effekt

    Oder mit JavaScript, wobei CSS die bessere methode ist....
    Per JS geht es mit den Funktionen onMouseOver und onMouseOut..
    Und dann glaube ich mit
    document.getelementbyID('bild').src = 'img1.png';

    oder sowas..
     
  4. 19. März 2010
    AW: Bild hover effekt

    HTML:
    <img src="bild1.jpg" alt="" onmouseover="this.src = 'bild2.jpg';" onmouseout="this.src = 'bild1.jpg';" />
     
  5. 19. März 2010
    AW: Bild hover effekt

    Das ist genau das wie ich es gesucht habe,

    danke an alle bw sind raus
     
  6. Video Script

    Videos zum Themenbereich

    * gefundene Videos auf YouTube, anhand der Überschrift.