Product image hover effect

[PrestaShark]

Hi folks!

Im looking for a module/hack or hint how to make an effect like this

 

1. HomeFeatured module @ 1.5.6

2. When i move cursor to the product image this image is changed by second one. So this is hover like effect.

    

Any ideas how to archive it?

[PascalVG]

Maybe this thread may help (it's a long thread, starting with solution for 1.4.x, but read on for 1.5)

http://www.prestashop.com/forums/topic/96085-rollover-image-in-product-list/

 

 

How to do the effect is also described here, but not especially in PrestaShop. 

http://stackoverflow.com/questions/6073446/jquery-change-image-on-hover-and-then-come-back-to-initial-image

 

If link 1 doesn't fully solve the problem, maybe try to combine both for a full solution :-)

 

My 2 cents,

pascal.

[vekia]

you will need to create variable (pass it to smarty array in homefeatured.php file) with additional product image (second one)

then simple jquery script to switch iamges while mouse is over thumb

 

@PascalVG nice to see you again I hope everything is ok after the hurricane of the century

[PascalVG]

Off. topic: Hi vekia, Nice to see a face with the name :-) storm is I Phillipines , and entered Vietnam. Hopefully downgrades before entering Thailand. Terrible storm though!!