Immagine che cambia al passaggio del mouse

Cambia al passaggio del mouse sulla miniatura

« Older   Newer »
 
  Share  
.
  1. g0rka
     
    .

    User deleted


    È possibile far si che il cambio d'immagine avvenga in maniera progressiva?
    (grazie in anticipo)
     
    .
  2.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    2,225

    Status
    Offline
    Vorrei creare una sorta di effetto hover sull'immagine del logo...cioe' quando passi con il mouse sopra il logo cambia
     
    .
  3.  
    .
    Avatar

    Advanced Member

    Group
    Member
    Posts
    1,394
    Location
    Catania

    Status
    Anonymous
    Waaa, la cercavo da un casin di tempo! Finalmenteeee....grazie! <3
     
    .
  4. ~Nyoko
     
    .

    User deleted


    non mi funziona :\
     
    .
  5.  
    .
    Avatar

    Senior Member

    Group
    ForumFree Mod
    Posts
    18,509

    Status
    Anonymous
    CITAZIONE (~Nyoko @ 19/9/2013, 18:25) 
    non mi funziona :\

    Provi con:
    CODICE
    <img src="Link_Immaggine_Iniziale" onMouseOver="this.src='Link_Immaggine_da_far_apparire';" onMouseOut="this.src='Link_Immaggine_Iniziale';">


    Esempio:
    CODICE
    <img src="http://img.forumfree.it/style_images/1/icon1.gif" onMouseOver="this.src='http://img.forumfree.it/style_images/1/icon11.gif';" onMouseOut="this.src='http://img.forumfree.it/style_images/1/icon1.gif';">


    Questo codice mi funziona.
    Se non ti funziona segnala qui cosa non ti funziona.

    Puoi ovviamente poi decidere se eliminare questo:
    CODICE
    onMouseOut="this.src='Link_Immaggine_Iniziale';"

    E quindi quando toglie il mouse non tornerà come prima.
    codice:
    CODICE
    <img src="Link_Immaggine_Iniziale" onMouseOver="this.src='Link_Immaggine_da_far_apparire';">

    Esempio:
    CODICE
    <img src="http://img.forumfree.it/style_images/1/icon1.gif" onMouseOver="this.src='http://img.forumfree.it/style_images/1/icon11.gif';">
     
    .
  6. Chaoslegion
     
    .

    User deleted


    Salve,

    anche a me non funziona ma il mio problema e' che l'immagine che cambia quando si passa il mouse a me serve nellahompage sotto le varie sezioni e io infatti le immagini le ho inserite nella descrizione quando pero vado ad inserire questo tipo di codice html :

    <img src="immagine1.gif" name="img"
    onMouseOver="document.img.src='immagine2.gif';"
    onMouseOut="document.img.src='immagine1.gif'; "border="0" >

    non viene letto da forumfree in quella particolare sezione.

    invece andandolo inserire in codice html mi funziona il problema e che come faccio a cambiare l'immagine che si trovano sotto le sezioni?

    tramite la pagine Codice Html non c'e' tutto il codice del forum quindi ti e' difficile se volessi creare un nuovo div me lo crea in alto quindi comunque non sarebbe corretto.

    Qualche soluzione?

    Edited by Chaoslegion - 25/9/2013, 00:45
     
    .
  7. ECGordon
     
    .

    User deleted


    Grazie davvero. Era precisamente il codice che stavo cercando, e il tutorial è chiarissimo e preciso.
    Segnalo l'autore del post tra i credits del blog a cui sto lavorando (qui, sono in alto a destra); se la segnalazione non è fatta correttamente e preferite li modifichi, basta farmelo sapere.
     
    .
  8. chi@r@94
     
    .

    User deleted


    Funziona perfettamente!! Grazie mille!! :D E' da un tot che cerco questo codice!!
     
    .
  9. Chimera-Chan 01
     
    .

    User deleted


    Salve. :)
    E' da un sacco di tempo che cerco questo tipo di codice per il mio forum, però non mi funziona :/
    Ho inserito questo codice:
    CODICE
    <img src="DEFAULT" name="jsimgrepl">

    In una determinata parte della tabella. Poi ho sostituito DEFAULT con l'URL dell'immagine grande, che in teoria è quella che dovrebbe cambiare.
    Poi in un altra parte della tabella ho inserito questo codice:
    CODICE
    <img src="MINIATURA" onmouseover="document.jsimgrepl.src='IMMAGINE'" onmouseout="document.jsimgrepl.src='DEFAULT'">

    Dove ho sostituito MINIATURA con l'URL dell'immagine piccolina, dove appena passo sopra con il cursore del mouse, fa cambiare l'immagine grande nella tabella con un'altra immagine, sempre della stessa dimensione.
    Poi ho sostituito IMMAGINE con l'URL dell'immagine grande che sta in tabella e,infine, ho sostituito DEFAULT con l'URL dell'immagine che andrà a sostituire l'immagine grande nella tabella.
    Ma non succede niente. Appena ricarico la pagina trovo l'immagine grande e l'immagine piccolina nella tabella. Ma, appena passo sopra all'immagine piccolina, quella grande non cambia! Rimane sempre la stessa. Ho riprovato più volte ma non succede niente.
    Spero che mi possiate aiutare in qualche modo, grazie in anticipo ^^ (spero che abbiate capito il bordello che ho scritto prima xD)
     
    .
  10. Chimera-Chan 01
     
    .

    User deleted


    Up
     
    .
  11.  
    .
    Avatar

    Senior Member

    Group
    Silver Skinner
    Posts
    12,737

    Status
    Anonymous
    link forum?
     
    .
  12. [F.I.P.G-Staff]zVarial™
     
    .

    User deleted


    Salve, sono qui per chiedere come si fa per ottenere un effetto di comparsa di un immagine. Mi spiego meglio: ho un immagine che vorrei tenere fissa, quando ci si passa sopra con il mouse appare un altra immagine, nel mio caso è la stessa immagine ma con un bagliore esterno applicato da Photoshop. Riporto qui il codice che sto utilizando attualmente:

    CODICE
    <a href="LINK"><img src="IMMAGINE FISSA" onmouseover="this.src='IMMAGINE COMPARE'" onmouseout="this.src='IMMAGINE FISSA'"></a>


    Il problema sta nella comparsa dell'immagine nel momento in cui ci si passa su con il mouse, ovvero appare subito, mentre io vorrei ci fosse una sorta di comparsa graduale in modo da far sembrare la transizione piu dinamica. Spero di essere stato chiaro. Ringrazio in anticipo.
    Cordiali saluti.
     
    .
  13.  
    .
    Avatar

    Senior Member

    Group
    Silver Skinner
    Posts
    12,737

    Status
    Anonymous
    Prova così:
    CODICE
    <a href="LINK"><img src="IMMAGINE FISSA" onmouseover="this.src='IMMAGINE COMPARE'" onmouseout="this.src='IMMAGINE FISSA'" style="transition: all 1s"></a>
     
    .
  14. [F.I.P.G-Staff]zVarial™
     
    .

    User deleted


    Chiedo innanzitutto scusa per aver mancato di rispetto ma ho proprio dimenticato di aver chiesto aiuto anche qui.
    Ho provato il codice da te fornito ma non c'è l'effetto di transizione.
     
    .
  15.  
    .
    Avatar

    Senior Member

    Group
    Silver Skinner
    Posts
    12,737

    Status
    Anonymous
    link forum?
     
    .
40 replies since 25/6/2011, 17:58   10664 views
  Share  
.