By aasimafridi on

Hello sir

I want to something this....

When i take mouse hover at any product image then it will be large .Please tell me how to do this .i got stuck .

Please help me
my site is this = http://97.74.160.96/dev1/stoc/

Thanks

Aasim Afridi

Comments

SweeneyTodd’s picture

SweeneyTodd commented

Use jQuery to add a javascript function to your images so you can attach a script that will work on mouseover and another script when the the cursor is removed. The scripts should add a class (e.g. large-image) to the image when the cursor is over and remove the class when the cursor is off.

Use css to increase your image size when large-image is added to the class.

Just google "Drupal jQuery behaviors" and you should get some examples of code you can modify

aasimafridi’s picture

aasimafridi commented

Hello Sir

I think you dint getting my problem actually i am saying i want to functionality as a light box .When i do mouse over at any image then image will be pop in light box as a enlarge.

Thanks for reply.

Aasim Afridi

sovarn’s picture

sovarn commented

Try looking at jquery tooltips.