Показывать содержимое AJAX после загрузки изображений

Question

Я разрабатываю свой собственный плагин jquery для лайтбоксов.Все работает, но я хочу скрыть загруженный контент до тех пор, пока изображения не загрузятся в браузере от вызова AJAXЯ нашел похожий пост и использую следующий скрипт, но функция setTimeout показывает содержимое, а не функцию .load.Я пытаюсь достичь невозможного?

$.ajax({
      url: 'meet/'+ pLoad + '.html',  
      success: function(data) {
        var imageCount = $(data).filter('img').length;
        var imagesLoaded = 0;
        $(data).hide()
         .appendTo('#zoom_inner')
         .filter('img')
         .load( function() {
          ++imagesLoaded;
          if (imagesLoaded >= imageCount) {
          $('#zoom_inner').children().show();
          }
          });
        setTimeout( function() { $('#zoom_inner').children().show() }, 5000 );
       }
    });

Answer 1

По поводу ваших комментариев:

данные - это просто строка в вашем обратном вызове успеха - это "html", но это строка.

сделать использование узла:

var $images = $(data); // i.e. turn <div><img /></div> into a div with an img as a child or whatever you got
var imageCount = $images.find('img').length;

круто, а?

Answer 2

Если вы изучите эту статью, я думаю, вы сможете найти решение для вашей проблемы (http://jqueryfordesigners.com/image-loading/)

С наилучшими пожеланиями.