CodePen

HTML

            
              <img src="http://placekitten.com/150" alt="some text" />
<img src="http://placekitten.com/150" alt="more text" />
<img src="http://placekitten.com/150" alt="third text" />

<div id="text"></div>


            
          
!
via HTML Inspector

CSS

            
              div {
  display: none;
  position: absolute;
}

img:hover + div {
  display: block;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              $('img').hover(function() {
   $('div').html($(this).attr('alt')).fadeIn(200);
}, function() {
   $('div').html('');
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................