Как при AJAX подгрузке дожаться полной загрузки всего содержимого страницы?

Question

[Ivan Stroykin]

Доброго времени суток,
Не могу разобраться в одной вопросе. Когда переходим по ссылке (меню навигации) идет подгрузка контента. Но там много "увесистых" картинок, и поэтому после появления они еще грузятся. Как можно узнать, когда все картинки и прочее уже будет подгружены и только после этого показывать содержимое?

$.get(url, null, function(page)
      {
        $('#main').animate({opacity: 0}, 1000, function(){
          $('#main').html(page);
          $(document.body).ready(function(){ 
            $('#main').animate({opacity: 1}, 1000); 
          });
        });
      });

Ссылка на пример

Answer 1

[Ленар Фаттахов]

На картинки можно навешивать событие onload, https://learn.javascript.ru/onload-onerror

Answer 2

[Sushkov]

jquery.page2page.ru/index.php5/%D0%9E%D0%B1%D1%80%...

Answer 3

[MistaTwista]

Есть готовые решения, можно написать или найти более простые
imagesLoaded
waitForImages