title: How to use preloaded CSS spritesheet in javascript?
body: <p>I'm making a game using HTML5 canvas. I have a large spritesheet which contains every sprite I'll need within the game. I have read a bit on what might be the best preloading asset technique, and I haven't found anything concrete.</p>
  
  <p>So, I decided I'll just choose one technique: CSS spritesheets. I've used <a href="http://www.spritecow.com/" rel="nofollow">http://www.spritecow.com/</a> where I've loaded the spritesheet.gif file and generated the CSS code. The thing is that I couldn't find any tutorials on how to actually USE the individual sprites within javascript and the canvas element!</p>
  
  <p>Can someone give me a hand? If you know any other preloading technique or library that is better (can preload images and sounds, if possible).</p>
  
  <p>EDIT: A solution with jQuery is fine too.</p>