title: Is there a way to load inline css background images only after page load?
body: <p>I have a lot of images on my page which load as a background image of a div like that:</p>
  
  <pre><code>&lt;div style="background-image:url('http://www.example.com/someimg.jpg');"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And for <strong>page load speed purposes</strong> i want to load all those image only after the page as been fully loaded.</p>
  
  <p>Now <strong>i could just</strong> add that background image with some jQuery like that:</p>
  
  <pre><code>$(window).bind("load", function() {
     $('div').css('background-image', 'http://www.example.com/someimg.jpg')');
  });
  </code></pre>
  
  <p><strong>But</strong> i have a lot of images and also i use some dynamic php to load those images (which users update regularly), so i need some other solution which will work for any background image on the site.</p>
  
  <p><em>Any ideas?</em></p>
  
  <p>Thanks.</p>