fadeIn e fadeOut insieme

[Klio]

Ciao a tutti,
premetto che sono completamente a zero di jquery/javascript.

ho questo codice

<script>
$(document).ready(function(){
setTimeout(function(){
$('img').fadeOut(1000,function(){
document.location.href=('index2.html')
});
},1500);
}); 
</script>

che funziona su una immagine caricata nel body in questo modo:

[img]logo.png[/img]

In pratica quando carico la pagina index.html il logo scompare e si carica la index2.html.

quello che vorrei è che il logo compaia con una dissolvenza in entrata, poi ci sia la dissolvenza in uscita e poi il redirect.

grazie a tutti per l'aiuto

[lnessuno]

Mi pare che il tuo codice sia già praticamente funzionante, o sbaglio? Dovrebbe bastarti modificare il codice così:

<script>
$(document).ready(function() {
    setTimeout(function() {
        $('img').fadeIn(1000).fadeOut(1000,function() {
            document.location.href=( 'index2.html' );
        });
    },1500);
}); 
</script>

[img]logo.png[/img]

(impara, finchè sei agli inizi, a sfruttare bene l'indentazione e gli spazi... quando inizierai a fare codice più complesso ringrazierai il tempo perso a mettere quegli spazi )

[Klio]

ciao, grazie per la risposta..
sì in effetti l'indentazione del codice aiuta, infatti ho trovato un sito online dove copi il codice e te lo formatta

comunque con l'aggiunta che hai fatto tu in realtà non cambia niente
il codice funziona ma all'apertura della pagina l'immagine viene visualizzata ad alpha 100, senza la dissolvenza che avrei voluto

[lnessuno]

Hai messo questo nell'immagine?
style="display:none;"

[Klio]

Originariamente inviato da lnessuno
Hai messo questo nell'immagine?
style="display:none;"

l'ho fatto ma...scompare tutto e fa direttamente il redirect

[Klio]

up ?

[cavicchiandrea]

Prova cosi:

<script>
$(document).ready(function(){
$('#imglogo').fadeIn(1000)
setTimeout(function(){
$('#imglogo').fadeOut(1000,function(){
document.location.href='index2.html'
});
},1500);
}); 
</script>

[img]logo.png[/img]

[Klio]

azzo funziona !
mancava quel "display:none"

grazie mille !