Fade in Jquery fin dall'inizio

[danielix05]

Ciao a tutti,
ho impostato il seguente codice che funziona, solo che l'immagine subisce l'effetto fade in solo dopo il primo passaggio del mouse. Praticamente quando si carica la pagina, l'immagine è visibile, a me servirebbe che fosse invisibile e seguisse l'effetto fadeIn e fadeOut come fa le volte successive alla prima:

<script>
$("#img").rotate({ 
   bind: 
     { 
        mouseover : function() {
            $(this).stop().animate({"opacity": "1"}, "slow").rotate({animateTo:180});
        },
        mouseout : function() { 
            $(this).stop().animate({"opacity": "0"}, "slow").rotate({animateTo:0});
        }
     }
</script>

    <div style="width:110px; height:110px; background-color:#06C; float:right;">
        <img id="img" src="riciclo.png" />
    </div>

qualche suggerimento?

[lucavizzi]

<img id="img" src="riciclo. png" style="opacity:0" />

[danielix05]

<img id="img" src="riciclo. png" style="opacity:0" />

buona Domenica.