Afficher le contenu AJAX après le chargement des images

Question

Je développe mon propre plugin jquery de type lightbox. Tout fonctionne mais je veux cacher le contenu chargé jusqu'à ce que les images aient été chargées dans le navigateur depuis l'appel AJAX. J'ai trouvé un post similaire et j'utilise le script suivant mais la fonction setTimeout est ce qui révèle le contenu et non la fonction .load. Est-ce que j'essaie de réaliser l'impossible?

$.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

En ce qui concerne vos commentaires:

données est juste une chaîne dans votre rappel de succès - il est « html », mais il est une chaîne.

faire un nœud à utiliser:

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; 

cool, hein?

Answer 2

Si vous enquêtez sur cet article, je pense que vous pouvez trouver la solution à votre problème (http://jqueryfordesigners.com/image-loading/)

Meilleurs voeux.