On hover show a hidden image with fade animation

Same as the this one, just with opacity animation, and instead of mouseclick, let’s use the mouseenter and mouseleave options. The big image will have the bigimage class, and now won’t have display:none; on it, but opacity:0;

The code in the small image’s mouseenter:


And the mouseleave:


But you could put the mouseenter and mouseleave codes on the big image too in this case, because the image is actually there, it’s just transparent, so you can hover over it.