Wstępne ładowanie jQuery nie wyświetla obrazów - jquery, preloader

Mam problem z jQuery ... dla witryny używającej dużej ilości zdjęć (uporządkowanych według galerii) - http://www.cool-breeze.com - Stworzyłem preloader, który ładuje tylko bieżącą widoczną galerię.

Działa +/- w ten sposób:

jQuery("<img />")
.attr("src",src)
.load(function(){
jQuery("div.cb_div:eq("+item+")").append(jQuery(this));
...
});

Niestety wygląda na to, że niektóre zdjęcia nie są wyświetlane.

Zobacz zdjęcie na http://www.cool-breeze.com/dev/cb-load.png. Ładowarki na obrazie są tłem elementów div, w których obrazy mają być ładowane (i dołączane).

Nie rozumiem, dlaczego moje zdjęcia nie sąwystawiany. I jeśli kliknę raz jeszcze na "golf w Tajlandii" na przykład (to jest link javascript, dzięki któremu galeria będzie widoczna lub nie), pojawią się brakujące obrazy!

Masz pomysł, jak zrobić zdjęcia z ładowania?

Z góry dziękuję za wszelkie sugestie i pozdrawiam, mhammout

Odpowiedzi:

Powinieneś powiązać zdarzenie load przed ustawieniem atrybutu "attr", aby uniknąć sytuacji, w której obraz jest w pełni załadowany, zanim zdarzenie zostanie przypisane do twojego obiektu jQuery.