Jquery - Due funzioni contemporaneamente

[Felino]

Salve,
dovrei eseguite due funzioni in contemporena, ma non ci riesco.

Tramite foglio di style ho un body con background nero!
Al centro del body ho 2 immagini, una sull'altra, in modo tale da vederne una sola.

Tramite jquery ho fatto in modo che dopo un tot di sec, la prima immagine va in opacità 0 e si vede l'altra.

Fin qui tutto ok, ma adesso vorrei che insieme al cambio di opacità della prima immagine cambi anche il colore di background, e diciamo che l'effetto di transizione non è perfetto.

Cosa suggerite?

Intro inizialmente è di colore nero, dopo vorrei che fosse blu.

<div id="intro">
    <div id="logointro">
        [img]images/img_nascosta.png[/img]
    </div>
    <div id="charly">
        [img]images/img_sopra.png[/img]
    </div>
</div>

<script>
$(window).load(function(){ 
    $('#charly').animate({
        opacity:0
    },1000);
    
    $('#logointro').animate({
        opacity:1
    },1000);

   $('#intro').animate({backgroundColor: '#153168'},1500);
};
</script>

[cavicchiandrea]

Non mi sembra che animate agita sul background

[Felino]

Funziona, includendo la libreria jquery.animate-colors.js, si ottiene l'effetto desiderato.

Il mio è un problema di corretta sincronizzazione tra le animazioni.

[cavicchiandrea]

forse è un problema di callbacks

[Felino]

Sicuramente, ma non so bene come gestirla, suggerimenti?

[cavicchiandrea]

Non non sapendo la logica, fai delle prove

[Felino]

Quelle sono le funzioni che ho usato.

In generale, se dovessi eseguire due funzioni che operano esattamente nello stesso intervallo di tempo e per lo stesso arco di tempo come dovrei fare?

Grazie.

[cavicchiandrea]

Come già detto devi fare delle prove (sempre che sia possibile) vedi http://api.jquery.com/animate/ e se trovi indicazioni dallo sviluppatore animate-colors.js

[neroux]

Non so, mi pare che sia sincronizzato

http://jsfiddle.net/8Ph44/

[Felino]

Ok, per il momento potrebbe andar bene!

Grazie.