Controlling the load

Question

How I can (in which event) to control the loading of page elements (divs and elements created in design time) to display messages in the charge as "Loading section1", "Loading section 2", "Loading array of elements", "Loading section 3", "Loading images", etc.?
Now, with animated .gif in preloader I can't show information about loading process.
Is it possible to load or unload divs to free up memory and optimize loading and only load them when needed?
Tx.

Answer 1

You can use yepnope.
tutorial #1.
tutorial #2.
You can try this ugly code:
yepnope.addPrefix('preload', function(resource){
  resource.noexec = true;
  return resource;
yepnope({
  load: [
  "preload!images/p2.jpg",
  "preload!images/p3.jpg",
  "preload!images/p4.jpg",
  "preload!images/p5.jpg",
  "preload!images/p6.jpg"
  complete: function() {
  var message = sym.$("message"), loaded = 2, news="Loading 5 images: <br>";
  $('img').each( function(i){
  if (i>1){
  $(this).hide();
  $(this).attr('src', 'images/p'+i+'.jpg')
  .load(function(){
  if (this.complete) {
  news += '>> image #'+i+' loaded.<br>';
  loaded++;
  if (loaded == $('img').length){news += "Loading completed."};
  message.html(news);
  $(this).fadeIn(3000);
  }; //if complete
  })//load
  };//if i>0
  });//each img
  }//complete
});//yepnope
1) Old school:
$('img').each( function(i){
  if (i>1){
  $(this).hide();
  $(this).attr('src', 'images/p'+i+'.jpg')
  .load(function(){
  if (this.complete) {
  news += '>> image #'+i+' loaded.<br>';
  loaded++;
  if (loaded == $('img').length){news += "Loading completed."};
  message.html(news);
  $(this).fadeIn(3000);
  }; //if complete
  })//load
  };//if i>0
  });//each img
2) one yepnope:
yepnope.addPrefix('preload', function(resource){
  resource.noexec = true;
  return resource;
yepnope({
  load: [
  "preload!images/p2.jpg",
  "preload!images/p3.jpg",
  "preload!images/p4.jpg",
  "preload!images/p5.jpg",
  "preload!images/p6.jpg"
  complete: function() {
  $('img').each( function(i){ if (i>1){ $(this).attr('src', 'images/p'+i+'.jpg’) }; });//each img
  }//complete
});//yepnope