how to apply an opacity effect
Hello.
I have several images as thumbnails on my page and applied the 'changeImg()' function the onmouseover event.
It then shows the thumbnail image as 'big' image at a certain position.
It looks kind of boaring and it would be nice to apply jquery to have a nice effect ... opacity or fadeIn.
Problem: after quite some time I still don't seem to be able to integrate it into the existing javascript function.

here what I have so far:
<img class="small" src="images/01.jpg" onmouseover="changeImg(this);return false;" />
function changeImg(x){
var oldBig = new Image();
oldBig.src = document.images['big'].src;
document.getElementById('big').src = x.src;
}