Commento su immagine

[siryio]

Ciao ragazzi avrei bisogno di una mano

Ho una foto con alcune persone e vorrei creare al passaggio del mouse sui singoli, il nome di chi è raffigurato. L'effetto simile ad un commento in un'area colorata. Altrimenti se avete soluzioni migliori, sono ben accetti consigli

[cocalito]

Puoi provare a mappare l'immagine.
Esempio:

[img]foto.gif[/img] 
<map name="Map">
  <area shape="rect" coords="37,7,75,53" alt="Giuseppe">
  <area shape="rect" coords="138,7,173,51" alt="Antonio">
  <area shape="rect" coords="249,5,292,50" alt="Francesco">
</map>

Ciao.

[siryio]

grazie. Avevo pensato a mappare l'immagine.Avrei bisongo che il commento nell'area (stile alt) fosse più marcato o maggiormente visibile

[Mich_]

Attenzione che alt e` l'attributo errato: solo IE (che usa alt in modo non corretto) da` il tooltip.

L'attributo corretto e` title:
<area shape="rect" coords="37,7,75,53" title="Giuseppe">

Per rispondere a syrio:
Puoi pensare di aprire sopra l'immagine un <div> con posizionamento assoluto o relativo, ma con z-index alto, che si sovrapponnga all'immagine (*).

La cosa e` relativamente semplice se la pagina e` fatta bene usando i CSS.
Devi sempre usare una mappa per l'apertura, che faccia riferimento alla zona, ma che chiami una funzione che apre il <div>:
<area shape="rect" coords="37,7,75,53" onmouseover="mostra('Giuseppe',37,43);" onmouseout="mostra('');">

la funzione mostra sara` di questo tipo:

function mostra(chi,x,y) {
  var dd = document.getElementById('nominativo');
  if(chi.length) {
    dd.innerHTML = chi;
    dd.style.left = x+'px';
    dd.style.top = y+'px';
    dd.style.display = 'block';
  } else {
    dd.style.display = 'none';
  }
}

Dovrai avere un <div id="nominativo"> con stile opportuno (ad esempio position relative rispetto alla immagine), da inserire in un posto opportuno.

(*) se invece vuoi che il nome appaia sempre nello stessa posizione, il tua <div id="nominativo"> (o anche uno span) sara` in una posizione fissa, e allora non hai bisogno di passare le dimensioni.

[siryio]

grazie anche a te Mich_ .. non me ne intendo molto ma in caso chiederò qui