|
|||
Onmouseover-Effekt - Wenn Maus auf Bild1 soll Bild 2 zu Bild 3 wechseln.
Hallo,
bin neu im Forum und hab gleich ein Problem... Ich erstelle grad eine Facebook-Fanpage für meinen Youtube-Kanal. Das Design ist schon fertig, es besteht aus 6 Bildern. 5 dauerhafte Bilder, und das Bild 6 (name="6") soll immer das Bild 2 ersetzen, wenn man mit der Maus über Bild 1 (Name ="1") bzw. Bild 5 (Name="5") fährt. (Bild 6: http://s7.directupload.net/images/us...6/gphi3rp6.png ) Es soll also kein Bild ein Link sein. ich hab schon lange rumprobiert aber das hat nicht geklappt und ich glaub auch nicht, dass ich die Lösung noch im Internet finden werde. In dem Code funktioniert der Bildwechsel zwar, aber nicht wenn ich über Bild 1 oder Bild 5 fahre, sondern eben wenn ich über das selbe Bild (Bild 2) fahre. Kann mir bitte einer dabei helfen? danke im Vorraus Hier der Code: (die Bilder sind schon online gestellt) HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Unbenanntes Dokument</title></head> <br /> <img src="http://s1.directupload.net/images/user/110906/b6hdv7nl.png" border=0 name="1"<img/><img/> <a href="" onmouseover="effekt.src='http://s7.directupload.net/images/user/110906/gphi3rp6.png';" onmouseout="effekt.src='http://s1.directupload.net/images/user/110906/ih7wfg59.png';"> <img src="http://s1.directupload.net/images/user/110906/ih7wfg59.png" border="0" name="effekt"> </a> <br><img src="http://s7.directupload.net/images/user/110906/3mggpsnm.png" border=0 name="3"<img/><br><nobr><img src="http://s1.directupload.net/images/user/110906/mnm2sydj.png" border=0 name="4"<img/><img src="http://s1.directupload.net/images/user/110906/65zj6twi.png" border=0 name="5"<img/></nobr> <p><br /> </body> Geändert von Andreas91 (06.09.2011 um 16:23 Uhr) |
Sponsored Links |
|
|||
Bin doch noch fündig geworden,
hier der LInk, wo es erklärt wird, falls sich mal jemand mal über Google hierher verirren sollte: Onmouseover bei anderem Bild Oder kopiere einfach gleich hier den Code: <script type="text/javascript"> //<![CDATA[ function chImg(id, img) { document.getElementById(id).src = img; } //]]> </script> <img src="bild1.jpg" alt="" onmouseover="chImg('anderesBild', 'bild3.jpg')" onmouseout="chImg('anderesBild', 'bild2.jpg')" /> <img src="bild2.jpg" alt="" id="anderesBild" /> Geändert von Andreas91 (06.09.2011 um 23:43 Uhr) |
Sponsored Links |
Stichwörter |
bild, effekt, mouseover |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Spritetechnik : Wie mehr als nur ein Bild wechseln ? | ron32 | (X)HTML | 1 | 07.08.2011 22:42 |
Bild resizable und mit MouseOver Effekt | csigg | CSS | 1 | 12.11.2010 11:18 |
Mouseover -wie kann ich ein Bild verändern wenn ich mit der Maus über ein Wort fahre? | hrhr87 | (X)HTML | 3 | 16.03.2010 11:47 |
Bild Bei OnMouseOver in groß | DonPhil87 | CSS | 4 | 21.01.2010 09:42 |
Mouse Over Effekt über Link - Extra Bild? | greenberet1 | CSS | 1 | 08.03.2009 19:32 |