Images on wordpress

I’m starting to learn php and how to code wordpress themes.

So for images I’d like to use a popular effect which is a hover div on the photo which shows relevant info.

Here is an example theme which uses this effect: http://themeforest.net/item/super-grid-retina-ready-portfolio-blog/full_screen_preview/4097521

Normally I’d use a div that has a relative position and then within place the image and the hover with an absolute position and width and height of 100%.

1. Use jquery addClass. Or if you’re using HTML5, you can wrap the element with and use :hover property.

2. Authors would allow users to turn them on/off on the admin panel.

Hope this helps