• User Attivo

    [jquery] effetto fadein su caricamento immagine

    Ciao a tutti!
    Vorrei che al caricamento della mia pagina che viene chiamata in ajax l'immagine avesse un effetto di fadeIn... ho provato con jquery ma non funziona...cosa sbaglio ?
    [PHP]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>Documento senza titolo</title>
    <script src="../js/jquery_min.js" type="text/javascript"></script>
    </head>
    <script type="text/javascript">
    $(document).ready(function() {
    $('.image_fade').fadeIn(2000);

    });

    </script>
    

    <body>
    <div class="image_fade">
    <img src="../images/1.png" width="720" height="480">
    </div>
    </body>
    </html>[/PHP]


  • User Attivo

    hai provato a nascondere inizialmente l'immagine? altrimenti non può farla comparire se c'è già...
    Utilizza un visibility:hidden o display:none


  • User Attivo

    Ecco.. ma non funziona ancora...

    <script src="../js/jquery_min.js" type="text/javascript"></script>
    
    
    </head>
    <script type="text/javascript">
    $(document).ready(function() {
        $('.image_fade').fadeIn(2000);
        
    });
    
        </script>
    <body>    
    <div class="image_fade" style=" visibility:hidden;">
    <img src="../images/<? echo $foto ?>" width="720" height="480">
    </div>
    </body>
    </html>
    

  • User Attivo

    Display none, e il tag img non era chiuso.
    Così dovrebbe andare...

    [HTML]<script src="../js/jquery_min.js" type="text/javascript"></script>

    </head>
    <script type="text/javascript">
    $(document).ready(function() {
    $('.image_fade').fadeIn(2000);

    });

    </script>
    

    <body>
    <div class="image_fade" style="display:none">
    <img src="../images/<? echo $foto ?>" width="720" height="480" />
    </div>
    </body>
    </html>[/HTML]