Salve,
ho creato una piccola gallery utilizzando JQuery, che carica tramite la funzione sotto riportata le immagini dinamicamente.
JQ è l'istanza di Jquery.noconflict
Codice PHP:
function load_img(bigImg){
JQ('#loader').fadeOut('fast', function() {
JQ('#loading').show();
var img = new Image();
JQ(img).load(bigImg,
function () {
JQ('#place_holder').attr("src",bigImg);
JQ(this).hide( function(){
JQ('#loading').hide(
function(){
JQ('#loader').fadeIn('fast'); }
);
}
);
}
);
}
)
}
In pratica c'è un contenitore (#loader) che appunto contiene l'immagine visualizzata, la cambio immagine quest'ultimo fa un fadeout e un div contenente la gif del caricamwento (#loading) appare.
Dopodichè creo un istanz di immagine vuota, ci carico dentro l'immagine grande prescelta, ed una volta terminato il caricamento utilizzo l'immagine prescenta e caricata come source per il ocntenitore che la visualizzerà, fatto questo faccioi l fadeout del loading ed il fadein del contenitore con la nuova immagine.
Questo funziona perfettamente da tutte le parti, tranne che su IE, avete idea del perchè ?