• User Newbie

    Come posso realizzare questo effetto?

    Buongiorno a tutti gli utenti! Sto cercando invano di collocare una piccola didascalia a comparsa col passaggio del mouse su un'immagine; in particolare vorrei ottenere l'effetto che quando il mouse passa sull'immagine appare la didascalia e poi scompare quando il cursore del mouse si sposta ma dato che sono ai primi passi con il linguaggio html e sto utilizzando il web editor dreamweaver non ho capito quale codice html devo scrivere e dove lo devo scrivere per ottenere l'esempio sopracitato. Dovrei solo capire dove scrivere (tra quali tag) e collocare la didascalia e farla comparire quando si passa il mouse sopra l'immagine. Ringrazio anticipatamente.


  • User Attivo

    Ciao elmascalero, devi inserire l'attributo alt all'immagine. Per esempio (ovviamente senza gli spazi):

    <img src="h t t p : / / w w w . t u o s i t o . i t/ i m m a g i n e . j p g" alt"Descrizione della foto">

    Spero di esserti stato d'aiuto. Ciaooo


  • User Newbie

    @robbiecs said:

    Ciao elmascalero, devi inserire l'attributo alt all'immagine. Per esempio (ovviamente senza gli spazi):

    <img src="h t t p : / / w w w . t u o s i t o . i t/ i m m a g i n e . j p g" alt"Descrizione della foto">

    Spero di esserti stato d'aiuto. Ciaooo
    Ciao robbiecs ho provato a seguire il tuo consiglio ma non funge. La stringa per l'immagine è caratterizzata dal background-image CSS e se ci scrivo alt"descrizione della foto" sparisce l'immagine. Come posso rimediare?


  • User Attivo

    non penso si possa fare nel CSS. Devi intervenire su quella porzione di codice relativa all'immagine.


  • User Newbie

    Non puoi usare il tag "alt" su un'immagine di background richiamata dal css.

    Puoi ottenere un effetto simile con un tag "title" su un link o con un "tooltip"