galleria foto

[techno]

salve ho bisogno ancora una volta di un vostro aiuto o dritta.

Ho una galleria di immagini divisa da 2 box fluttuanti nel box1 vi è elencato la lista dei thumb delle immagini cliccando su ognuna di queste thumb viene visualizzata a destra in grandezza naturale, ecco il code:

JAVASCRIPT:

$("ul.thumb a").click(function(){
		
var immagine=new Image();
immagine.src=$(this).attr("rel");
$("div#immagine").fadeOut("fast", function(){
$("div.rightgallery").append("<div id=\"preload\"><img src=\"../../images/document/preload.gif\" /></div>");
$("div#preload").fadeIn("fast");
});

immagine.onload = function(){
$("div#preload").fadeOut("fast", function(){
$("div#preload").remove();
$("div#immagine").html("<img src=\"" + immagine.src + "\" />").fadeIn("fast");
});
}
		
});

HTML:

<ul class="thumb">[*][img]../../images/gallery/m1/min/img1.jpg[/img][*][img]../../images/gallery/m1/min/img2.jpg[/img][*][img]../../images/gallery/m1/min/img3.jpg[/img][/list]

ora non capisco il perchè quando clicco su una miniatura mi compare l'immagine del preload ma rimane fissa non si toglie e non compare l'immaggine ingrandita, per farla comparire devo cliccare 2 volte sulla stessa thumb

[Xinod]

come ti e' stato gia' detto, l' onload si setta prima di settare l' src
puoi continuare dove hai cominciato