how to apply an opacity effect

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:

  1. <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;
    }