title: Show bigger image on thumbnail's hover
body: <p>For a list of images I have the urls for the squared thumbnail <code>http://example.com/img1_thumb.jpg</code>  and for the original size (any proportion) <code>http://example.com/img1.jpg</code>. I'm showing the thumbnails in a grid and I'd like to show the original one when the user puts the mouse over a image in the grid. Maybe using a floating element, the target is the user can see the image in more detail and view the parts of the cropped in the thumbnail.</p>
  
  <p>How can I do it? I'm a beginner with HTML/css/Javascript</p>