Art "Mouse-Over"

[Stefan91]

Abend,
habe ich die Möglichkeit mit Javascript oder auch php eine Art "Mouse-Over Funktion" zu programmieren das wie folgt sein soll:

- Wenn ich mit maus über bestimmten namen fahre
- soll Bild an bestimmter Stelle auf der Webseite angezeigt werden

Würde mich über schnelle Hilfe freuen.
Gruß Stefan

 

[Sven Mintel]

Moin Stefan,

das geht recht problemlos, hier mal ein einfaches Beispiel:

Tutorials gibts bei Obi oder 
<a onmouseover="document.nameDesBildes.style.display='inline'" 
    onmouseout="document.nameDesBildes.style.display='none'" >hier</a>.
<br>test<br>text<br>test<br>text<br>test<br>text
<br>test<br>text<br>test<br>text<br>test<br>text
<img style="display:none" name="nameDesBildes" 
       src="http://files.tutorials.de/banner/tutorialsde_125x125.png" >

Das Bild ist zuerst versteckt, beim mouseover/mouseout wird jeweils seine Anzeigeart(CSS:display) geändert.

Evtl. liesse sich soetwas auch per CSS machen, da käme es darauf an, wo sich das Bild in Bezug auf den zu hovernden Namen im Dokument befindet.