title: How to show html when it completely load from ajax call
body: <p>I am using ajax to Load my product information. Everything is working fine but it is taking time to update the html on the browser (because of 22 small images ). I want to show the content only when all images loading finish. </p>
  
  <p>Please take a look on my ajax call </p>
  
  <pre><code>$("#getstratsecondpart").fadeOut('slow');
  $('html, body').animate({
      'scrollTop' : $(".navbar-inverse").position().top
  }, 'slow');
  var catmainid=$("#getmaincatids").text();
  var catSubmainid=$("#getsubcatid").text();
  var proceed = true;
  if(proceed) {
      post_data = {'pagnoval':pagnoval,'catmainid':catmainid,'catSubmainid':catSubmainid};
  
      $.post('&lt;?php echo base_url(); ?products/getmyproduct_list', post_data, function(response) {
          if(response.customlist) {
              $("#getstratsecondpart").empty();
              $( "#getstratsecondpart" ).html(response.customlist);
          }
      }, 'json');
  }
  $("#getstratsecondpart").fadeIn('slow');
  </code></pre>