title: Hover on images to show larger hidden image linked by alt tag?
body: <p>please see this fiddle <a href="http://jsfiddle.net/rabelais/fEaAZ/4/" rel="nofollow">http://jsfiddle.net/rabelais/fEaAZ/4/</a></p>
  
  <p>How can I link the small thumbnail image to the larger hidden image by using the alt tag of the images?</p>
  
  <p>I want the matching hidden image to show on hover of the smaller thumbnails. </p>
  
  <pre><code> $(".thumbnails").on("mouseover mouseout", "img", function () {
  var flag = $(this).data('flag');
  
  $('[alt="' + $(this).attr('alt') + '"]').css('visibility', flag ? 'hidden' : 'visible');
  
  $(this).data('flag', !flag);
  });
  </code></pre>