Jeg leder efter et JavaScript som viser en "tekstbobbel" når man ruller musen over et billede, alternativt kan også være at man skal klikke på billedet for at frembringe tekstboksen. Tekstboblen skal kunne indeholde en opskrift samt et billede. Jeg håber nogen kan være behjælpelig med dette.
Teknologi, AI og forretning er i centrum på Computerworlds Cloud og AI Festival i København d. 18. og 19. september. Se hele programmet for den store konference om strategisk brug af Cloud og AI på: www.cloud-festival.dk
Har overlib - smart pakke men omfattende. Vil du hellere selv lave det kan dette 'enkle' eksempel måske inspirere.
<HTML> <HEAD> <TITLE>Text bobbel</TITLE> <STYLE> .pict { width:120px; height:120px; background-color:#33CCFF; border:thin solid white } </STYLE> <SCRIPT> var theDiv = null; function showBubble(aStr){ if (!theDiv) { theDiv = document.createElement("DIV"); document.body.appendChild(theDiv); theDiv.style.position="absolute"; theDiv.style.border = "thin black solid"; theDiv.style.backgroundColor = "#EEFFEE"; } theDiv.style.left= event.offsetX+10; theDiv.style.top = event.offsetY+10; theDiv.innerHTML = aStr; theDiv.style.display="block"; }
function hideBubble(){ theDiv.style.display="none"; }
</SCRIPT> </HEAD> <BODY> <p>Et kort eksempel. med en del fyld for at afprøve scroll</p> <p>Prøv at peje<span onmouseover="showBubble('Her er en <b>Text bobbel.</b><br>Den kan fyldes med alt muligt...');" onmouseout="hideBubble();"><u> Her </u></span> og se hvad der sker (og <span onmouseover="showBubble('Det skulle kunne bruges til billder også <div class=pict>Dette KUNNE være et billede</div>');" onmouseout="hideBubble();"><u> Her </u></span>). </p> <div style="position:absolute; top:400px; left:400px; width:150px">Fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld fyld</div> </BODY> </HTML>
blaz >> Hvad skete der? Fik du noget ud af det? Lukketid?
Synes godt om
Ny brugerNybegynder
Din løsning...
Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.