Suche im Forum:
Suchen


« Vorheriges Thema anzeigen :: Nächstes Thema anzeigen »  
Autor Nachricht
Beitrag11.11.2014 um 20:08 (UTC)    
Titel: Hover Effekt

Hallo zusammen,
ich hoffe ihr könnt mir auch diesmal helfen!
Ausgangslage ist, dass ich eine Tabellenzelle mit einem schwarz/weiß Bild habe und möchte, dass selbiges beim überfahren mit der Maus in Farbe abgebildet wird.
Meine bisherigen Versuche sind gescheitert.

Hier der Code der Tabellenzelle
<td bgcolor="white" width="208"><img width="208" height="324" src="http://schwarzweiß.jpg" class="LP1" alt="" /></td>

Jetzt würde ich im CSS-Code über dem Design folgendes einfügen:
img.LP1{background-image: url(http://schwarzweiß.jpg);width:208px;height:324px; }
img.LP1:hover{background-image: url(http://bunt.jpg);width:208px;height:324px; }

Allerdings tut sich dann überhaupt nichts....und ich verzweifel gerade Smile
Beitrag11.11.2014 um 22:25 (UTC)    
Titel:

Hallo ,

ja das können wir Very Happy

Wenn ich richtig verstanden habe, soll beim Mauskontakt das Schwarz-Weiß-Bild
in Farbe angezeigt werden. Du hast beide Bilder vorhanden ? Beide im Baukasten hochgeladen ?

Die Tabellenspalte (td) bekommt die Grafik als Hintergrundbild.
Wichtig ist, das die Tabellenspalte die Größe der Grafik bekommt.

Der Tabellenspalte geben wir einen Klassennamen, zum Beispiel "wechselbild".

Zitat:

<td class="wechselbild"> </td>


Und mit CSS bekommt diese Tabellenspalte gewünschtes Aussehen:
Zitat:

td.wechselbild {
width: 208px;
height: 234px;
background-image: url(HIER GRAFIKADRESSE 1);
}

td.wechselbild:hover {
background-image: url(HIER GRAFIKADRESSE 2);
}


Gruß Wolle


Zuletzt bearbeitet von clean-test am 11.11.2014, 23:28, insgesamt 3-mal bearbeitet
Beitrag12.11.2014 um 16:33 (UTC)    
Titel:

Besten Dank....klappt super.
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de