How To Make This In Prestashop??

Hi

I need to make this effect in my prestashop store:

https://gyazo.com/770833c7038c4d7b087b2ad1ac9021ea

BAsically, when you put the mouse above the image, it changes for a different image...

Anyone can recomend me an article or something where I can learn how to do this??

Thanks a lot in advance!

Wel lit is very easy with simple javascript. You can use jQuery library for easier and faster results. It's simply that one image is being faded out and another one faded in. Then with help of CSS you just put one on another and n your example the image is being pushed to the left a little bit.

This article might help you getting going: https://css-tricks.com/snippets/jquery/fade-image-into-another-image/

Hi
You can use CSS with hover and transitions
I created example https://codepen.io/anon/pen/bLbpKM

It will work only with simple css. Copy code from firebug and apply to your global.css