Hallo!
Ich wollte mal gerne Wissen wie ich ein Bild auf meine Homepage bekommen kann, welches sich verändert wenn man mit der Maus drüber geht. Also wie bei Buttons nur das es halt ein Bild ist, dass sich dann verändert.
Viele Grüße, Christian Klee.
Bild das sich verändert wenn man mit der Maus drüber geht
-
Christian92 -
18. März 2008 um 21:28
-
-
-
-
Oh danke das ging ja schnell. Versuche jetzt mal mein Glück.
-
Welche Variante versuchst du?
-
Vermutlich die bessere, die mit CSS. Aber das sollte doch eigentlich egal sein. Wenn er schlau ist probiert er beide, wenn er effizient ist probiert er die richtige.
Und wenn er neugierig ist, dann folgt Christian dem Link zu Ingo.
-
Deine nur die geht irgendwie nicht...
Ich habe jetzt das Bild, welches zu erst gesehn werden soll, in meine Seite eingefügt und dann hab ich um das Bild das div wo der link von dem hover drin steht, gemacht. Falls es falsch ist bitte berichtigen!
Dann hab ich einfach irgendwo in der CSS Datei
#bild { height: 20px; width: 20px; background: url(bild.jpg);}#bild:hover { background: url(bild_hover.jpg);}
eingefügt wo ich beim ersten einfach den Link des standart Bildes eingefügt habe und die höhe und breite so gelassen ahbe. Im unteren habe ich dann das Bild eingefügt welches erscheinen soll wenn man mit der Maus drüber geht. -
musst die höhen und breiten angaben natürlich anpassen
-
Hast du nen Link zu deinem Beispiel?
-
-
Ja also ich hab mal ne Test Seite gemacht : http://derk1988.de.funpic.de/Neu/test.html
Das Schwarz Weiße Logo soll von diesem:http://derk1988.de.funpic.de/Neu/images/sued.jpg
überblendet werde. -
So hab es jetzt mit der Technik aus dem 2. Link von sejuma geschaft zwar jetzt nur mit dem Beispiel Bild von dieser Seite aber das werd ich ja wohl mit meinem Logo ersetzen können.
-
Wow die Seite gefällt mir sehr. Gute Arbeit! *lob*
-
Zitat von firefox5.0
Wow die Seite gefällt mir sehr. Gute Arbeit! *lob*
Gute Arbeit! Herr Papenburg (c)Copyright by S.I.S.Papenburg / http://www.on-mouseover.de/templates/
Das ist ein einfaches Layout, setze es mit CSS um und Du hast was eigenes.
-
Christian92:
Ich habe nichts dagegen, wenn du dich des Codes von meiner Seite bedienst. Dafür sind meine Anleitungen ja da und CSS-Code ist ja wohl auch Allgemeingut, wenn man versteht, wie man ihn einzusetzen hat.Bitte aber keine fremden Fotos verwenden, auch nicht auf Demo-Seiten, die öffentlich zugänglich sind, dazu noch mit Traffic-Klau. Die Abmahnungskosten können teuer werden!
-
Ja mach ich sofort raus. Das hab ich ja nur gemacht damit ich überhaupt verstehe wie das ganze funktioniert.