title: Preload images using css
body: <p>Is this an acceptable way to preload images, compared to some js code inside of html / head</p>
  
  <pre><code>body:after{
      display:none;
      content:
      url(img1.jpg)
      url(img2.jpg)
      ...
  }
  </code></pre>
  
  <p>js way</p>
  
  <pre><code>$.preload = function() {
    for (var i = 0; i &lt; arguments.length; i++) {
      $("&lt;img /&gt;").attr("src", arguments[i]);
    }
  }
  
  $.preload("img1.jpg","img2.jpg");
  </code></pre>