Indsæt billede via en funktion

Glemte lige at oplyse, at jeg kender delvist til java script og php

Nu viser du os ikke CSS'en, så vi ved ikke hvordan du vil have det skal se ud, men det kunne f.eks. gøres med ren CSS sådan:

http://snip.kilolima.dk/#/hdoXUPr

Naturligvis er du så stadig nødt til at lave et element med selve teksten i, men den skal jo være forskellig fra fra tooltip til tooltip, går jeg ud fra, så der skal alligevel laves noget der.

Alternativt kan det også laves som property, så du f.eks. skriver
Hej <span data-tooltip="Tooltip tekst her">med</span> dig.

- Men det vil kræve en lille smule script.

Eller er det noget helt andet du tænker på?

Slater, der tabte du mig. Måske du kan tage udgangspunkt i min nuværende css - beklager jeg ikke fik skrevet den i første omgang.

Min css ser sådanne ud:
<!--Tooltip style --> 
        <style>
            .tooltip {
                position: relative;
                display: inline-block;
                border-bottom: 1px dotted black;
            }

            .tooltip .tooltiptext {
                visibility: hidden;
                width: 120px;
                background-color: #555;
                color: #fff;
                text-align: center;
                border-radius: 6px;
                padding: 5px 0;
                position: absolute;
                z-index: 1;
                bottom: 125%;
                left: 50%;
                margin-left: -60px;
                opacity: 0;
                transition: opacity 0.3s;
            }

            .tooltip .tooltiptext::after {
                content: "";
                position: absolute;
                top: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: #555 transparent transparent transparent;
            }

            .tooltip:hover .tooltiptext {
                visibility: visible;
                opacity: 1;
            }
        </style>

Tak for det.

Spørgsmålet er dog stadig lidt hvordan du vil have det til at virke. Jeg går ud fra at tooltip-teksten skal være forskellig fra hvert tooltip, ikke?

I så fald er du jo nødt til at skrive teksten ved hvert ord/sætning der skal have et tooltip. Eller havde du andet i tankerne?

Du snakker om en funktion - er det fordi det samme tooltip skal fremgå mange gange på siden, altså det samme ord skal forklares flere gange?

Vi kan sagtens lave det sådan, at du sidst på siden f.eks. skriver

<script>
insertTooltip('test', 'tooltip for test');
</script>
- Og det så putter tooltip'et på alle steder hvor ordet "test" fremgår. Men med mindre det samme ord er der mange gange, virker det for mig som en dårligere løsning end at skrive det direkte i HTML'en hvor det skal bruges og semantisk giver mere mening.


Jeg tænker nok for meget over det, men kan du forklare lidt bedre hvad det er du ønsker skal ske, og evt. hvad det er du gerne vil skære fra, så du ikke behøver gøre det flere gange?