Archief - HTML: tooltip

Ik ben op zoek naar een manier om het volgende te doen:

Je hebt op je pagina een reekt images staan. Maar om de surfer het iets duidelijker te maken, zou ik graag een functie willen gebruiken dat wanneer de surfer over een image met zijn muis gaat, dat er aan het puntje van zijn muis een strookje verschijnt (beetje zoals de image alt="" functie) waar dan bv de titel instaat of iets dergelijks.

Begrijpen jullie het?

Ik heb het al eens gezien op een site, daarmee...

Groetjes,
dennis

title attribute zorgt voor zo'n strookje. Kan op elk element gebruikt worden.

http://www.w3schools.com/tags/ref_standardattributes.asp

ik geloof dat span zeker een element heeft die dat kan (Alt / title)
kzou het moeten opzoeken.

Best werken met <div>, zet deze standaard hidden en een onmouseOver op de afbeelding die de div visible zet.
bv. HIER maar dan zonder de scrolling

BertG zei:

title attribute zorgt voor zo'n strookje. Kan op elk element gebruikt worden.

http://www.w3schools.com/tags/ref_standardattributes.asp

Klik om te vergroten...

as said above tenzij ge speciale features wilt hebben...

Lashknife zei:

as said above tenzij ge speciale features wilt hebben...

Klik om te vergroten...

idd, er zijn ook genoeg javascriptjes te vinden die lekker fancy balkjes maken, die titelbalkjes en foto's toelaten.

wrong prefix > usernote.

Merci mannen, heb het gevonden. Via een javascriptje is dat vrij gemakkelijk! Maar ik wist niet eens goed achter wat ik moest zoeken, tot ik hier in de verbeterde titel "tooltip" zag staan

k snap ni wrom iedereen voor css/html zaken js gebruikt

omdat javascript elementen kan "opbouwen" bovenop je huidige html structuur, en css zich beperkt tot reeds ingebouwde zaken. je hebt bij css ook geen keuze over hoe dat aan/uitzetten gebeurd, dat is allemaal ingebakken gedrag.

javascript spreekt trouwens vaak diezelfde css aan quilombo maar biedt meer functionaliteit over wanneer en hoe het dat doet. de combinatie html/javascript/css noemt men dan D(ynamic)HTML en je kan daar heel leuke dingen mee doen. (bovenop de cliché toestanden die allomtegenwoordig terug ge vinden zijn)

stel, simpel voorbeeld: je hebt een <a href="">link</a>
met css gebeurt er niet veel meer dan de link/active/visited/hover states die je hebt gespecifieerd, maar met javascript kan je volledig zelf bepalen wat er allemaal moet gebeuren wanneer men over een link gaat, of er weer uit, of erop clickt etc etc. (er is ook interactiviteit met andere elementen op de pagina of zelfs een andere pagina mogelijk, timers die gestart worden - functies aangeroepen.. noem maar op)

sidenote: spijtig alleen dat het zoveel "misbruikt" wordt door malafide praktijken en dus sommige mensen het afzetten in hun browser waardoor je wel'ns pech kan hebben.

LunchBox zei:

some text

Klik om te vergroten...

nice
mooie uitleg, tnx