Verbesserung der Image-map Anzeige durch tooltips oder popovers

Hallo!

Der Versuch, eine Imagemap mit https://image-map.net izu erstellen, ist mir gelungen. In einem Bild mit mehreren Personen erscheint der Personenname, wenn man mit dem cursor über den Brustbereich fährt.

Die Ausgabe dieser Namen ist suboptimal.

Im Kontext zu dieser Problematik schrieb bembelimen im Beitrag "Bildteile durch Text erläutern..."

"Da du Cassiopeia nutze wäre eine Möglichkeit folgende:

- https://www.image-map.net/ bastel dir eine Image-Map für das Bild mit Titel Tags

- Nutze Tooltips oder Popovers um die Titel schön anzuzeigen."

Wie gesagt, ist mir der erste Teil - Erstellung einer Imagemap - gelungen:

Siehe: http://joomla4.geschichtswerks…f.de/index.php/geschichte

Dort sollte es bei der unteren Reihe der Personen klappen.

Nicht klar ist, wie ich tooltip oder popovers anwenden kann, um die Anzeige attraktiver zu gestalten.

Kann mir wer einen hilfreichen Tipp geben?

WM-Loose  Sieger66

Hallo Dirk! Hallo Sieger!

Was funktioniert ist die image-map. Wenn ich den Cursor in der Herzgegend der Personen in der unteren Reihe bewege, erscheint eine Hand und dann der Namen der Person.

Nun soll man, laut bebelimen diesen Schriftzug mit tooltip oder popovers verbessern können.

Meine Frage war, wie ich diese Werkzeuge - tooltip und/oder popovers in diesem konkreten Beispiel anwenden kann.

Ps.Die Seite ich eine Testseite und ist nur geöffnet solange diese Frage läuft.

Man muß einen Moment warten.

Beispiel mit Edge, geht auch mit Safari

Elwood

Es handelt sich hier um eine Testseite. In der Endfassung bekommt der Besucher einen Hinweis. Etwa so:

Bewegen sie den Cursor über den Brustbereich einer Person. Es erscheint eine Hand. Halten sie einen Moment inne; dann erscheint der Name der Person.

Das Schriftbild gefällt mir nicht. Bembelimen (s.#1) schlug zur Verbesserung der Ausgabe tooltip oder Popover vor.