title: Using CSS Sprites for 'slideshow' elements?
body: <p>On web page there is a block with some advertise (slideshow of about 3-4 images). Images are not loaded from database or something like this - they are static. Images should change themselves.</p>
  
  <p>I have to 2 ideas for doing this:</p>
  
  <ol>
  <li>Preloading images in JS by <code>new Image()</code>. And switching by changing <code>src</code> attribute</li>
  <li>Joining this images into 1 sprite and changing background-position of image</li>
  </ol>
  
  <p>What way is faster and better?</p>
  
  <p>P.S. I see negative part in second way, that if it's needed to change or add a picture - whole sprite should be remade.</p>