Something like this ? info could be moved around , styled as per needs.
.info{display:none}
img:hover +.info{display:inline;}
<img src="http://lorempixel.com/150/150"width="150" height="150" />
<span class="info">This pic is super</span>
<img src="http://lorempixel.com/150/150"width="150" height="150" />
<span class="info">This pic is super</span>
<img src="http://lorempixel.com/150/150"width="150" height="150" />
<span class="info">This pic is super</span>
<img src="http://lorempixel.com/150/150"width="150" height="150" />
<span class="info">This pic is super</span><img src="http://lorempixel.com/150/150"width="150" height="150" />
<span class="info">This pic is super</span><img src="http://lorempixel.com/150/150"width="150" height="150" />
<span class="info">This pic is super</span><img src="http://lorempixel.com/150/150"width="150" height="150" />
<span class="info">This pic is super</span>*emphasized text*
solved Have image open in its own page with information [closed]