• User Attivo

    hmmmm.....

    questa cosa mi giunge assai strana.....

    vedo di capire dov'è il problema....


  • User

    Ciao Daigor ... hai avuto modo di capire che cosa è successo?


  • User Attivo

    sto ancora cercando di capire, ma credo che il problema stia nel fatto che quando cambia img al'interno, lo interpreti come mouseout...quindi per risolvere bisogna mattere l'immagine come sfondo....al più presto un esempio...


  • User

    Ciao Daigor...

    ho navigato un po ma non ho trovato riscontri, tu sei riuscito ad individuare il problema?

    Ciao
    Enrico


  • User Attivo
    <script type="text/javascript" src="INCLUSIONE DI JQUERY"></script>
    <script>
    $(document).ready(function(){
    
        $("#banner_exp").mouseover(function(){
        
            $("#linea_2").css({background: "url(immagine1.jpg)"});
            $("#banner_exp").animate({height: "300px"}, 1500 );
    
        });
        
        $("#banner_exp").mouseout(function(){
        
            $("#linea_2").css({background: "url(immagine2.jpg)"});
            $("#banner_exp").animate({height: "50px"}, 1500 );
            
        });
    
    });
    
    </script>
    <table cellpadding="0" cellspacing="0" border="0" width="300">
        <tr>
            <td style="height:50px; background-color:#00FF00">
            Linea1
            </td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="300">
        <tr>
            <td id="linea_2" valign="top" style="height:50px; background-color:#FF0000;">
            <img id="banner_exp" height="50" width="100%" />
            </td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="300">
        <tr>
            <td style="height:50px; background-color:#00FF00">
            Linea3
            </td>
        </tr>
    </table>
    ```prova così!

  • User

    nulla!!!... adesso manco si apre :arrabbiato:


  • User Attivo

    questo l'hai messo?

    
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    
    

    P.S.
    l'immagine deve essere trasparente, così da poter visualizzare lo sfondo, che sarà l'immagine del banner!


  • User Attivo
    
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script>
    $(document).ready(function(){
    
        $("#banner_exp").mouseover(function(){
        
            $("#linea_2").css({background: "url(immagine1.jpg)"});
            $("#banner_exp").animate({height: "300px"}, 1500 );
    
        });
        
        $("#banner_exp").mouseout(function(){
        
    
            $("#banner_exp").animate({height: "50px"}, 1500, function(){
                   $("#linea_2").css({background: "url(immagine2.jpg)"});
            });
            
        });
    
    });
    
    </script>
    <table cellpadding="0" cellspacing="0" border="0" width="300">
        <tr>
            <td style="height:50px; background-color:#00FF00">
            Linea1
            </td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="300">
        <tr>
            <td id="linea_2" valign="top" style="height:50px; background-color:#FF0000;">
            <img id="banner_exp" height="50" width="100%" />
            </td>
        </tr>
    </table>
    <table cellpadding="0" cellspacing="0" border="0" width="300">
        <tr>
            <td style="height:50px; background-color:#00FF00">
            Linea3
            </td>
        </tr>
    
    

    </table>Piccolo aggiornamento!

    Prima appena fuori dalla sensibilità cambiava, ora aspetta che finisca il ridimensionamento!

    a me qui funziona come funzionava prima....

    fammi sapere!


  • User

    Ciao Daigor...

    ho provato lo script e funziona, per quanto riguarda il movimento ma con qualche anomalia:

    1- Uno strano effetto refresh quando cambia immagine
    2- Sopra alle immagini c'è quella trasparente ma viene visualizzato il quadratino che lo indica che è molto antiestetico

    Anche te rilevi questo? Secondo te come si potrebbe risolverli?


  • User Attivo

    Esiste l'immagine trasparente????

    per il movimento....e il caricamento....non ho trovato anomalie!

    spiegati un po di più....magari capisco meglio!!!


  • User

    forse mi sono spiegato male ...


  • User

    ora t'invio il collegamento (qui non accettato) all'esempio


  • User Attivo

    come puoi vedere quando carica l'immagine c'è un falsh bianco

    mentre sopra le immagini serpeggia un quadratino per indicare che manca il percoso di questa img

    <img id="banner_exp" height="50" width="100%" border="0" />

    creando un brutto effetto antiestetico

    allora:

    Flash bianco dovuto al fatto che gli serve tempo materiale per caricarla, per evitare questo devi fare il preload delle immagini

    
    imga=new Image; 
    imga.src="http://www.tuosito.com/images/immagine_da_preloddare.gif";
    
    

    così dovresti risolvere

    altro punto:

    l'immagine trasparente non esiste....mettila, e dovresti risolvere, io non vedo questo problema....sono su FF3, tu con cosa lo guardi?