title: How can I delay the loading of CSS background images?
body: <p>I am animating sprites in a HTML/JavaScript game by showing/hiding/repositioning many divs, each with a CSS background image.</p>
  
  <p>I'd like to load some of the images only when they are first needed, rather than loading them all when the page is first loaded.</p>
  
  <p>Will setting them all to "display:none" initially and then showing/hiding them with "display:inline" do this?</p>
  
  <p>Or should I append and remove the divs as needed?  Or is there another way to do this?</p>
  
  <p>(I've already optimized the image file sizes using various tools, so this question is specifically about finding a way to load the images as needed with HTML/JS rather than all at once.)</p>