Hello
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?

Recommended Answers

All 2 Replies

Member Avatar for stbuchok

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.