Afbeelding rollover tekst

[isse]

Hallo,

Momenteel ben ik bezig een website te maken in Dreamweaver. Ik heb er al eerder website's mee gemaakt, maar heb er nog niet heel veel verstand van.

Ik heb een afbeelding, en als ik met de muis over deze afbeelding ga, wil ik dat er tekst naast verschijnt. Kunnen jullie me helpen?

Alvast bedankt!

 

[csshunter]

Hoi isse,
Moet het een heel tekstblok worden, of alleen een paar woorden in zo'n geel "tooltip"-vakje als je er met de muis overheen gaat?

Met vriendelijke groet,
CSShunter

 

[isse]

Het moet wel echt een tekstblok worden.

 

[csshunter]

Dan kan het met een css-popup. Het principe gaat als volgt:

• Je maakt van het plaatje een "loze link" (die nergens naar toe gaat), en behalve de afbeelding zet je ook een <span>...</span> in die link.
• Binnen de <span>...</span> komt het hele hebben en houden van wat er bij de hover getoond moet worden (tekst, maar eventueel ook plaatjes enz.; alles is mogelijk).
• Met css is de <span> normaal gesproken onzichtbaar, maar wordt opgeroepen bij een hover over de afbeelding.

Voorbeelden:

• http://home.tiscali.nl/developerscorner/css-discuss/showathover.htm
• http://developerscorner.nl/csshunter/css-hover-pop.htm
• http://developerscorner.nl/csshunter/test-extended-tooltip-proef.htm
• (zie broncodes).

Met vriendelijke groet,
CSShunter