Hello,

I would like to achieve a hover enlarge effect in a product list when i mouseover a product thumbnail.

Something like this:

http://www.sohtanaka.com/web-design/examples/image-zoom/

I have tried with CSS but it just isn't what I am searching for.

Does anyone have any lights on how to do it with JQuery and Drupal 6x?

Thanks in advance,

Duarte Garin

Comments

youkho’s picture

i'd like to have such effect too it can be achieved in css but still no as smooth as jquery

SweeneyTodd’s picture

I had a look at the site and there is a tutorial that tells you how to do it for an image and caption.

http://www.sohtanaka.com/web-design/popout-details-on-hover-w-css/

SweeneyTodd’s picture

Sorry, that was the css version. This is the jQuery version.

http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/

youkho’s picture

Thanks SweeneyTodd