title: Force loading an image to stop flickering?
body: <p>When using the jQuery .hover() function to switch out two images, I often find a flicker when they are being switched on the first load. I assume this is because the second of the two isn't loaded along with the main page, and so the transition isn't completely smooth and there's a slight flicker.</p>
  
  <p>In theory, this should be then rectifiable by placing a 1px by 1px image with <code>display: none;</code> set as styling, which will load the image when the main page loads, thus cacheing it at the same time and removing the flicker.</p>
  
  <p>However, I'm wondering if there's any other/better solutions that are commonly used to force an image to load, as surely I'm not the only one who has this issue.</p>
  
  <p>Any comments or advice would be greatly appreciated :).</p>