title: Show another image when hovering over image
body: <p>I really like this pure <a href="http://host.sonspring.com/hoverbox/" rel="nofollow">CSS gallery</a> (<a href="http://sonspring.com/journal/hoverbox-image-gallery" rel="nofollow">explanation</a>).</p>
  
  <p>How do I change this code so that it doesn't preload all the pictures that show on mouseover/hover? Any lightweight javascript or similar that I can use instead? (or simple wordpress plugin).</p>
  
  <p>It is important that the image that shows on hover is right above the thumbnail just like the example above and that it shows a separate image (no resize).</p>
  
  <p>I have searched for days and I can't find any lightbox that does the same so hope someone can help me, thanks.</p>