Hallo
ich habe auf meiner Homepage eine Fotogallerie und wenn man mit dem Mauszeiger über ein Foto fährt, wird ein Kommentar zu dem Foto angezeigt.
Dies habe ich mit Javascript realisiert in dem eine <div> - Box angezeigt und versteckt wird.
Ich möchte aber, dass die <div> - Box immer beim Cursor angezeigt wird.
Gibt es dafür eine einfache Lösung?
Evtl. mit Javascript die Koordinaten des Mauszeigers herausfinden?
mfg Erdnuss
ich habe auf meiner Homepage eine Fotogallerie und wenn man mit dem Mauszeiger über ein Foto fährt, wird ein Kommentar zu dem Foto angezeigt.
Dies habe ich mit Javascript realisiert in dem eine <div> - Box angezeigt und versteckt wird.
Ich möchte aber, dass die <div> - Box immer beim Cursor angezeigt wird.
Gibt es dafür eine einfache Lösung?
Evtl. mit Javascript die Koordinaten des Mauszeigers herausfinden?
mfg Erdnuss
ja, das geht.
Dazu musst du das Bild absolut positionieren und nen onmouseover-Event zuweisen.
Dort lässt du dann die Mausposition auslesen (google) und weißt dem div die neue left/top-Position zu.
Abhängig davon, wo du das div positioniert hast, musst du die left/top-Position es Elternelementes (bis zur linken oberen Ecke des Browsers) abziehen. Das geht auch per Javascript.
Google einfach mal eine Runde :)
Dazu musst du das Bild absolut positionieren und nen onmouseover-Event zuweisen.
Dort lässt du dann die Mausposition auslesen (google) und weißt dem div die neue left/top-Position zu.
Abhängig davon, wo du das div positioniert hast, musst du die left/top-Position es Elternelementes (bis zur linken oberen Ecke des Browsers) abziehen. Das geht auch per Javascript.
Google einfach mal eine Runde :)
Logge dich ein um einen Beitrag zu schreiben.