mostrare immagini con effetto dissolvenza

[moaiamorfo]

salve a tutti,

ho una pulsantiera orizzontale composta da n pulsanti grafici distinti.
sotto di essa, ho un div (che mostra un'immagine bianca nel caso non si è con il mouse su un pulsante) che dovrebbe mostrarmi la descrizione di ognuno dei pulsanti (tramite un'immagine-fumetto).
vorrei che, al mouseover su uno degli n pulsanti, l'immagine-descrizione compaia con un effetto fade-in/out: ho visto che jQuery ha effetti simili a quanto vorrei ottenere, ma ho difficoltà nel rendere tutto fluido... per esempio questo codice:

$(document).ready(function(){
    
    $("#p1").mouseover(function () {
      $("#descrizione").fadeOut("slow");
      $("#descrizione").attr("src","img1.png");
      $("#descrizione").fadeIn("slow");
    });

});

prima mi cambia l'immagine e poi effettua la dissolvenza.
qualche suggerimento?

grazie. :)

saluti

[whisher]

Di solito la tecnica (vedi cycle plugin e similia)
è di utilizzare i posizionamenti assoluti
metti la foto da mostare all'hover
sotto

[moaiamorfo]

Originariamente inviato da whisher
Di solito la tecnica (vedi cycle plugin e similia)
è di utilizzare i posizionamenti assoluti
metti la foto da mostare all'hover
sotto

ciao, se ho ben capito mi consigli di posizionare tutte le immagini all'interno delle stesse coordinate rispetto al container e poi mostrare/nasconderle in base al pulsante sul quale mi trovo con il mouse?

grazie.

saluti