Visualizzazione dei risultati da 1 a 4 su 4
  1. #1
    Utente di HTML.it L'avatar di elyy82
    Registrato dal
    Jul 2007
    Messaggi
    61

    Effetto Fade su tutta la pagina

    Ciao a tutti!
    ho bisogno di creare un effetto fade sul contenitore della mia pagina web quando si apre...
    In realtà ci sono riuscita ma la cosa non funzione su IE 7 e 8.

    Ho usato questo codice:

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <head>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

    <style>

    <?php
    $browser = getenv("HTTP_USER_AGENT");
    if (!eregi('MSIE', $browser)) { ?>
    .hid {
    filter:alpha(opacity=0.0);
    -moz-opacity:0.0;
    opacity:0.0;
    }
    <? } else { ?>
    .hid { visibility:hidden; }
    <? } ?>

    </style>

    </head>

    <body>
    <div class="hid">

    <div id="contenitore">SITO</div>

    </hid>

    <script>
    <!--
    <? $browser = getenv("HTTP_USER_AGENT");
    if (!eregi('MSIE', $browser)) { ?>
    $(window).load(function(){
    setTimeout(function() {
    $('.hid').animate({
    opacity : 1
    }, 400);
    }, 400);
    });
    <? } else { ?>
    $(window).load(function(){
    setTimeout(function() {
    $('.hid').css('visibility','visible');
    }, 400);
    });
    <? } ?>
    -->
    </script>
    </body>


    Ripeto, il problema è solo con Explorer...avete qualche soluzione??

    grazie

  2. #2
    Utente di HTML.it
    Registrato dal
    Jan 2010
    Messaggi
    74
    Io avevo un problema simile con un altro effetto e a dirti la verità non l'ho risolto del tutto ma l'ho attenuato con la versione nuova di jquery. E' uscita recentemente la 1.4.1, prova a vedere se con quella hai qualche beneficio. Il mio consiglio é quello di importare la libreria sul dominio e caricarla con un js script. Buona fortuna!

  3. #3
    Utente di HTML.it L'avatar di elyy82
    Registrato dal
    Jul 2007
    Messaggi
    61
    ho risolto in questo modo:
    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
    $('body').hide();
    $('body').css('visibility','visible');
    $('body').fadeIn(1500);

    });
    //]]>
    </script>

    e ho dato al body lo style visibility:hidden


    grazie cmq!!

  4. #4
    Utente di HTML.it L'avatar di elyy82
    Registrato dal
    Jul 2007
    Messaggi
    61
    ovviemente ho integrato lo script jquery!

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.