[jquery] load() nie działa Opcje

[rafalpielecha]

mam funkcje:

[HTML] pobierz, plaintext 
function wczytywanie_do_okna(zmienna)
{
$("#loader").show();
var zmienne_okna = 'zmienna_okna='+zmienna;
$.ajax({
type: 'POST',
url: 'okno.php',
data: zmienne_okna,
success: function(data) {
$('#div_okno').html(data);
}
});		
}
[HTML] pobierz, plaintext 

#loader to warstwa, która ma przysłaniać wszystko zanim nie załaduje się żądana zawartość #div_okno
chciałbym, żeby ta warstwa (#loader) znikała po załadowaniu okna
i robię to wstawiając w pliku okno.php:

[HTML] pobierz, plaintext 
$(window).load(function(){
$("#loader").hide();
});
[HTML] pobierz, plaintext 

i niestety to nie działa

działa:

[HTML] pobierz, plaintext 
$(document).ready(function(){
$("#loader").hide();
});
[HTML] pobierz, plaintext 

ale to ukrywa warstwę #loader zanim załadują się obrazki.

gdzie popełniłem błąd

[krowal]

Pobierasz wszystkie obrazki ze strony przez $('img') zliczasz ile ich jest, i dodajesz im funkcję do eventu load która zmniejsza licznik, gdy licznik zejdzie do zera możesz schować loader. Obrazki są ładowane jakby oddzielnie niż cały DOM i dlatego trzeba je traktować osobno.