Show text on image hover

Show text on image hover : It is a common requirement to show a text on hover of an image. I recently wanted to do the same. Below is the straight forward and simple solution for the same.

Using the title tag, we can easily do so, check the code below

{code type=html}

<img src=”http://yassershaikh.com/wp-content/uploads/2012/03/sp-studio-1.jpg” alt=”My Avatar” title=”I love Rock n Roll ! “></img>

{/code}

Example Image :

My Avatar