Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it
    Registrato dal
    Mar 2003
    Messaggi
    393

    onMouseOver con Javascript

    Se io utilizzo questo codice

    Codice PHP:
    [img]img/home/img.jpg[/img
    quando passo sull'immagine mi cambia l'immagine con un'altra. Tuttavia il passaggio è secco, veloce. Non c'è un qualche modo in javascript per renderlo sfumato?

    Grazie in anticipo

  2. #2
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    500
    Beh invece di cambiarlo in modo "secco" richiama una funzione che toglie la visibilità a quella che c'è già e la mette a quella che non c'è..

  3. #3
    Utente di HTML.it
    Registrato dal
    Mar 2003
    Messaggi
    393
    Originariamente inviato da Vicar
    Beh invece di cambiarlo in modo "secco" richiama una funzione che toglie la visibilità a quella che c'è già e la mette a quella che non c'è..
    Ottimo! Hai qualche esempio in javascript o sai dove posso trovarla? So editare una funzione, ma non scriverla da zero...

  4. #4
    Utente di HTML.it
    Registrato dal
    Mar 2009
    Messaggi
    500
    Sottomano no, intanto richiama la funzione e creala cioè

    OnMouseOver="nome()"

    e nel codice js..

    function nome(){
    //ORA QUI FAI QUELLO CHE TI HO DESCRITTO
    }


    ------- EDIT
    Solo perchè non avevo proprio nulla da fare:

    Codice PHP:
    <html>
    <
    head>
    <
    meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <
    title>Documento senza titolo</title>
    <
    script type="text/javascript">
    function 
    cambia(op) {
        var 
    img document.getElementById("id_img");
        if(
    op <= 0){
            if(
    img.alt=="0"){
                
    img.src="img_2.gif";
                
    img.alt="1";
            }else{
                
    img.src="img_1.gif";
                
    img.alt="0";
            }
            
    ricambia(0);
            return;
        }
        
        
    nuova op 0.1;
        
    img.style.opacity=nuova;
        
    setTimeout("cambia(" nuova +")",100);
    }

    function 
    ricambia(op){
        var 
    img document.getElementById("id_img");
        if(
    op >= 1){
            return;
        }
        
    nuova op 0.1;
        
    img.style.opacity=nuova;
        
    setTimeout("ricambia(" nuova +")",100);
    }
    </script>
    </head>

    <body>
    [img]img_1.gif[/img]
    </body>
    </html> 
    It's Work!

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.