consigli JQuery .animate: slideshow con zoom troppe vibrazioni

[cubico87]

Salve a tutti,

ho creato uno slideshow che fa una dissolvenza incrociata tra l'immagine attuale e la successiva e durante la visualizzazione dell'immagine corrente fa uno zoom in(o zoom out) dell'immagine visualizzata tenendo come punto di ancoraggio uno dei quattro angoli dell'immagine.
il problema è che duranta la fase di zoom, soprattutto nei punti di ancoraggio inferiori dell'immagine risultano a video troppe vibrazioni dell'immagine.

vi posto le righe incriminate:

$("#" + currentImgfilename).css("width", "1200px");
$("#" + currentImgfilename).css("height", "576px");
$("#" + currentImgfilename).css("right", "0px");         
$("#" + currentImgfilename).css("bottom", "0px");         
$("#" + currentImgfilename).animate({ 
           width: "1000px",
           height: "480px",
           left: "0px",
           top: "0px"
}, 2000);

Consigli?

[Xinod]

ridimensionare le immagini e' un' operazione onerosa, sarebbe da demandare alla gpu (nel modo piu' naturale, ossia come animazioni dei css3) ovunque possibile
quindi e' il caso di usare uno di questi plugin di jquery
http://ricostacruz.com/jquery.transit/
http://playground.benbarnett.net/jqu...mate-enhanced/

ciao

[cubico87]

grazie mille Xinod,

ho provato i plugin che mi hai consigliato ed in particolare ho sostituito .animate con .transition
e forse è migliorato un po'...

il problema è che le immagini di una slideshow sono troppo grandi per non notare la vibrazione e l'effetto zoom/movimento non può essere troppo veloce altrimenti perde di bellezza, infatti, abbassando il tempo da 5000 impostati inizialmente a solo 2000 il problema è molto inferiore