Galleria javascript

[s8i4]

Ciao a tutti!
Io vorrei effettuare una galleria di immagini con dimensioni variabili.
In pratica io ho un pulsante avanti e indietro che all'evento onclick cambia l'immagine.
In javascript ho un codice del genere

//gli url delle immagini sono in un array e precedentemente viene calcolata la dimensione
document.getElementById('immagine').setAttribute('src',file);
var imgwidth = parseInt(arrayWidth[idArr]);   
var imgheight = parseInt(arrayHeight[idArr]);
var largh = imgwidth; 
var altez = imgheight;

//se l'mmagine è di una certa dimensione viene ridimensionata    
if (imgwidth>350) {
 largh = '80%'; 
 altez = '80%';
}

document.getElementById('immagine').setAttribute('width', largh);
document.getElementById('immagine').setAttribute('height', altez); 

Quello che capita è che mettendoci un po' a caricare l'immagine prima viene ridimensionata l'immagine che si vuole cambiare e poi compare la nuova immagine... ci mette poco tempo però è brutto da vedere.
Si può in qualche modo fare una cosa più bella?
Avete visto qualche script bello? Ah una cosa, io posso anche usare il php e css.