tooltip.js image stets im viewport

[Matthias Apsel]

Om nah hoo pez nyeetz, Mandy!

wo soll ich es einfügen oder etwas ersetzen damit es wie beschrieben funktioniert?

Du solltest vielleicht beim HTML beginnen.

Füge ein passendes Element an das Tooltipauslösende Element ein.

<span class="tooltip">Text mit Geheimnis<span>Hier der geheimnisvolle Text</span></span>

im CSS erreichst du durch

.tooltip span {display: none; } und
.tooltip:hover span {display: block; }

zunächst einmal das Ein- und Ausblenden.

Damit es ordentlich aussieht, kannst du diesen Artikel mal durcharbeiten. Neueren Überlegungen zufolge ist er verbesserungswürdig (Forderungen aus der Barrierefreieheit).

So hat jeder Nutzer was von deinen zusätzlichen Hinweisen. Den Tooltip dann dem Mauszeiger folgen zu lassen oder in der Mitte des Viewports zu platzieren, ist dann die nächste Geschichte.

Matthias