[HTML] Bild erscheinen lassen mit Maus

[Vincii]

Hallo liebe Epvp-Community,

Wir haben einen Wettbewerb an der Uni und sollen eine Homepage erstellen.
Nun haben wir nur eine Vorlesung über HTML dafür gehabt. Wir dürfen aber alles mögliche dafür verwenden. Meine Frage ist nun ob jemand weiß,
wie man es programmiert, dass wenn der Benutzer mit der Maus über dem Bild Beruflich bzw. Privates ist, das Bild 1 bzw. das Bild 2 erscheint (rote Markierungen an der Stelle). Ich habe zwar bisher alles in einem HTML-Skript gemacht, aber bin offen für alle andere Sprachen, hauptsache es löst mein Problem.


bzw. Link falls was:

Vielen Dank im Voraus für die Hilfe!
MfG
Vincii

[papierkorp]

Also ich bin jetzt nicht unbedingt der Javascript Profi, bin noch am lernen aber es sollte mit dem onmouseover Event funktionieren:



lg

[Vincii]

Originally Posted by papierkorp

Also ich bin jetzt nicht unbedingt der Javascript Profi, bin noch am lernen aber es sollte mit dem onmouseover Event funktionieren:



lg

Danke erstmal! Das habe ich auch gefunden, das Problem ist aber 1. Wie lasse ich ein anderes Bild an einer anderen Stelle erscheinen und 2. ohne dass alles andere verrutscht(wegen <br>)?

[Undaground]

Hier eine JS Lösung für copy & paste

[~ JWonderpig ~]

Originally Posted by Vincii

2. ohne dass alles andere verrutscht(wegen <br>)?

ohne <br> arbeiten

Hier eine einfache jQuery-Variante (ungetestet):

$('#navigation_item_id').on('mouseover', function() {
     $('#bild1').attr('src', 'pfad zum neuen Bild');
     $('#bild2').attr('src', 'pfad zum neuen Bild');
});

#navigation_item_id einfach durch die ID eines Elementes aus der Navigation ersetzen. Bild1 und Bild2 durch die ID der IMG-Elemente ersetzen.