Visualizzazione dei risultati da 1 a 6 su 6

Discussione: Effetto su immagine

  1. #1
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    541

    Effetto su immagine

    Ciao a tutti, vorrei fare in modo che all'onMouseout accada in modo inverso l'effetto di dissolvenza che ora accade all'onmouseover. Ora, se si entra con il mouse su un'immagine, questa compare più nitida in modo graduale e scorrevole; se invece si esce con il mouse dall'immagine questa ritorna bruscamente offuscata.
    Che funzione devo creare per creare la sfumatura in modo graduale e scorrevole all'uscita?

    Questo il codice javascript che ora uso:


    <script language="JavaScript1.2">
    function high(which2){
    theobject=which2
    highlighting=setInterval("highlightit(theobject)", 50)
    }
    function low(which2){
    clearInterval(highlighting)
    which2.filters.alpha.opacity=20
    }

    function highlightit(cur2){
    if (cur2.filters.alpha.opacity<100)
    cur2.filters.alpha.opacity+=5
    else if (window.highlighting)
    clearInterval(highlighting)
    }
    </script>

    questo quello che inserisco nell'immagine:

    [img]immagine.jpg[/img]

    Grazie a chi vorrà aiutarmi.

  2. #2
    Prova così, crea una seconda funzione e richiamala dalla funzione low

    function highlightit2(cur2){
    if (cur2.filters.alpha.opacity>0)
    cur2.filters.alpha.opacity-=5
    else if (window.highlighting)
    clearInterval(highlighting)
    }

    function low(which2){
    clearInterval(highlighting)
    theobject=which2
    highlighting=setInterval("highlightit2(theobject)" ,50) }

    e nel codice dell'immagine
    [img]immagine.jpg[/img]

  3. #3
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    541
    Così funziona ma la dissolvenza in uscita fa scomparire completamente l'immagine. Invece questa dovrebbe ritornare con la trasparenza che aveva prima di entrare sull'immagine.

  4. #4
    Nella seconda funzione

    function highlightit2(cur2){
    if (cur2.filters.alpha.opacity>0)
    cur2.filters.alpha.opacity-=5
    else if (window.highlighting)
    clearInterval(highlighting)
    }

    sostituisci 0 con il valore iniziale, mi sembra 40 se non sbaglio,
    risulterebbe quindi :

    function highlightit2(cur2){
    if (cur2.filters.alpha.opacity>40)
    cur2.filters.alpha.opacity-=5
    else if (window.highlighting)
    clearInterval(highlighting)
    }

  5. #5
    Utente di HTML.it
    Registrato dal
    May 2004
    Messaggi
    541

    Grazie

    Così funziona

  6. #6

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.