Tooltip auf ein Bild vermerken

  • Ich bin mit meinem Latain am ende.

    Ich habe ein Bild mit drei Punkten.
    Wenn ich über eine der Punkt rüber fahre, soll ein Tooltip angezeigt werden.

    Wie stelle ich das am besten an?

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Was verstehst du genau unter einen Tooltip?

    Wenn ich mit der Maus über ein Punkt gehe oder auf ein Wort wird ein kleines Fenster an der Maus geöffnet mit einer Information

  • Danke für die Info.
    Soweit klappt es auch, nur der Tooltip soll nicht als Text sondern als Image angezeigt werden.
    Hab da ein netten Guide gefunden. http://artofpic.de/wordpress/hots…s-in-wordpress/

    Nur wenn ich den anwende un als Vorschau mache, sieht es auch alles gut aus, aber wenn ich auf Veröffentlich klicke wird der Tooltip unten am ende des Bild angezeigt

    so sieht es zu zeit aus
    http://www.angry-mob.de/steinfaelle-2/…once=38fecb2991

    Mein Code sieht so aus

    HTML
    <script type="text/javascript" src="wz_tooltip.js"></script>
    <img class="aligncenter size-full wp-image-567" title="hotspot-images-map" usemap="#Map" src=http://angry-mob.de/bilder/steinfälle.jpg " alt="hotspot-images-map" width="1000" height="999" />
    <map id="Map" name="Map">
    <area onmouseover="TagToTip('hoverlogo')" onmouseout="UnTip()" shape="rect" coords="232,677,407,712" href="http://www.angry-mob.de/bilder/traits.png" alt="http://www.angry-mob.de/bilder/traits.png" target="_blank" />
    
    
    </map><span id="hoverlogo"><img src="http://www.angry-mob.de/bilder/traits.png" alt="" /></span>

    den code

    HTML
    <script type="text/javascript" src="wz_tooltip.js"></script>

    hab ich im Header.php eingefügt.

    Hoffe jemand kann mir helfen

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!