[jquery] effetto fadein su caricamento immagine

pettedemon

[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]

lucabartoli

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

pettedemon

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>

lucabartoli

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]