2010-09-09 15 views
5

Mi chiedevo se fosse possibile personalizzare il suggerimento che otteniamo dopo aver impostato l'attributo title in un tag img? Ora ho un rettangolo standard con sfondo blu con testo e quello che vorrei ottenere è la mia immagine (diciamo qualcosa che assomiglia a una nuvola) con del testo sopra. È possibile con css o js?Personalizza il tooltip <img title>

risposta

4

Per questo è necessario javascript. prova this here o here Oppure puoi arrotolare il tuo. Ma in fondo non c'è modo di farlo direttamente in html (non so su htm5/css3).

+0

I tooltips di Streamplayer sono fantastici! – Kyle

1

Crea il tuo! Puoi semplicemente creare un div nascosto nel tuo HTML, quindi quando qualcuno passa sopra l'immagine, mostra invece il tuo div.

0

Se si desidera creare un suggerimento personalizzato, si consiglia di this. Ti mostra, in dettaglio, come creare i tuoi tooltip in js, che sono guidati dai CSS e possono essere facilmente riutilizzati.

Inoltre, se si utilizza un framework, le cose diventano ancora più semplici. Ad esempio ci sono numerosi jQuery tooltip plugins. Questi ti permettono di far apparire i tuoi suggerimenti sul passaggio del mouse su qualsiasi elemento.

0

Mi raccomando Tooltipster. Davvero facile da usare, può essere utilizzato su qualsiasi elemento che supporta l'attributo title e ha molte funzioni e look interessanti.