title: Loader against css background image using Jquery
body: <p>Please suggest me how I show the loader in-between button click function to background image fully loading time.</p>
  
  <p>Thanks</p>
  
  <pre><code>&lt;html &gt;
  &lt;head&gt;
  &lt;script src="//code.jquery.com/jquery-1.11.0.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  $( document ).ready(function() {
      $('button').click(function() {
      //want a loader till the background images loads
          $('#load').show();
          $('#mybody').css('background-image', 'url(http://vpnhotlist.com/wp-content/uploads/2014/03/image.jpg)');
          //hide loader after the background images loads
                  $('#load').hide();
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body id="mybody" &gt;
  
  &lt;button &gt;Hello&lt;/button&gt;
  &lt;div style="display:none" id='load'&gt;loading......&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>