Am trying to implement something similar to this page, http://www.k-optisports.ch/fr/optic/team.html, whereby hovering on an image changes it to display the user's details. anyone can pls help me with finding a tutorial or pre-built gallery using such type of effect?

Have 2 divs that overlap (use CSS position and z-index for overlapping).

The first div will house the image and will be visible by default.
The second div will hold the information and will not be visible by default.

Use the jQuery fadein and fadeout methods on mouse over and mouse out.

thx, got a simple tutorial as well from dynamicdrive website