Immagine che cambia al passaggio del mouse

Cambia al passaggio del mouse sulla miniatura

« Older   Newer »
 
  Share  
.
  1. [F.I.P.G-Staff]zVarial™
     
    .

    User deleted


    Link Forum
    http://varial.graphical.heart.forumfree.it/
     
    .
  2.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Lo vuoi mettere in un topic o nell'html?
    Perché secondo me è più utile usare il css nel tuo caso.
     
    .
  3. [F.I.P.G-Staff]zVarial™
     
    .

    User deleted


    La finalità del codice è quella di sostituire il logo. Cioè il logo fatto come codice in HTML>>In cima al forum.
    Il codice fornito in precedenza funziona ma la transizione è diretta, mentre la mia idea era quella di rendere la transizione come una sorta di comparsa.
     
    .
  4.  
    .
    Avatar

    Staff

    Group
    ForumFree Staff
    Posts
    48,880

    Status
    Anonymous
    Più o meno dovrebbe essere ciò che cerchi.

    CSS
    CODICE
    #logo {position: relative; width: 642px; height: 116px; display: block}
    #logo .first, #logo .second {transition: opacity 1s; position: absolute; left: 0}
    #logo .second, #logo:hover .first  {opacity: 0}
    #logo:hover .second {opacity: 1}


    HTML
    CODICE
    <a id="logo" href="http://varial.graphical.heart.forumfree.it/">
    <img class="first" src="http://i.imgur.com/gq1Ky6s.png">
    <img class="second" src="http://i.imgur.com/Fby57or.png">
    </a>
     
    .
  5. [F.I.P.G-Staff]zVarial™
     
    .

    User deleted


    Eccellente! Esattamente ciò che volevo. Ringrazio infinitamente per aver speso del tempo per la mia questione. Un organico che non si smentisce. Grazie e arrivederci.
     
    .
  6. Stranger in the sky
     
    .

    User deleted


    ho inserito il codice ma nemmeno a me funziona ç.ç
     
    .
  7.  
    .
    Avatar

    Senior Member

    Group
    Helper
    Posts
    40,551
    Location
    Trinacria

    Status
    Anonymous
    CITAZIONE (Stranger in the sky @ 21/9/2015, 14:33) 
    ho inserito il codice ma nemmeno a me funziona ç.ç

    Ciao Stranger in the sky ^^ guarda il link sotto spoiler, è questo l'effetto che cerchi? Se è questo ti passo volentieri il codice ^^

     
    .
  8. Stranger in the sky
     
    .

    User deleted


    Allora Connie il problema è questo:
    io vorrei usare questo codice per fare in modo che passando con il mouse sulle iconcine piccole di miniatura, mi compaia l'immagine ingrandita da un'altra parte. Quello che io vorrei ottenere credo che sia un mix tra questo codice e il codice per ottenere un menu slaiding.
    Cmq per farmi capire meglio ti link un'esempio. Metto il link del forum sotto spoiler:


    Cmq grazie dell'interessamento ^^
     
    .
  9.  
    .
    Avatar

    Senior Member

    Group
    Helper
    Posts
    40,551
    Location
    Trinacria

    Status
    Anonymous
    Capisco, hai provato a chiedere nel supporto dell' FFmagazine? Se posti i due link e spieghi cosa desideri, penso propio che ti creeranno un codice adatto alle tue esigenze (:

    Prego (;
     
    .
  10. Dhanpa
     
    .

    User deleted


    Salve a tutti! Vorrei sapere se esiste il codice per questo effetto anche per un'immagine da inserire in un eventuale topic. L'idea era di creare una sorta di rivista composta da due immagini. Copertina->passaggio del mouse->Articolo->togliendo il cursore->di nuovo copertina.

    //Edit : Ho provato qualche codice pubblicato in questa discussione ma non funzionavano. Me incapace (?).
     
    .
  11.  
    .
    Avatar

    Senior Member

    Group
    ForumFree Mod
    Posts
    18,494

    Status
    Anonymous
    CITAZIONE (Dhanpa @ 25/11/2018, 13:48) 
    //Edit : Ho provato qualche codice pubblicato in questa discussione ma non funzionavano. Me incapace (?).

    No, non è possibile utilizzare questo codice nei topic.
     
    .
40 replies since 25/6/2011, 17:58   10664 views
  Share  
.