CSS, HTML 5 & JQuery, Achievement box with mouseover effect

I have a website built entirely on HTML, CSS & JQuery.

I have a box ([url removed, login to view]), I need to create a similar box, but on this one I need to place pictures on it and when visitors place a mouse over it, a box should appear describing what type of achievement lays under the question mark. similar to what [url removed, login to view] have.

[url removed, login to view] <---- shows the type of box I currently have.

[url removed, login to view] <--- shows the end result I need.

also when visitors press next the information in the big box shall fade or slide away and new achievement shall appear.

AJAX CSS HTML5 jQuery / Prototype

Nº del proyecto: #6362878

Sobre el proyecto