small function for reference - show background image after it has finished loading.

backgroundLoad.js

/* //////// SHOW HEADER BACKGROUND IMAGES ONCE PAGE LOADS /////////*/

$(function(){
  /* div container image store in variable */
var $div = $('.home .topHeadForNavBar'),
    /* store background image css property as variable */
  bg = $div.css('background-image');
  
  if (bg) {
    var src = bg.replace(/(^url\()|(\)$|[\"\'])/g, ''),
      $img = $('<img>').attr('src', src).on('load', function() {
        // do something, maybe:
         $div.animate({opacity: '1'}, 1000);

         $('.looadingHome').fadeOut();
      });
  };
  });