Animation / How to fade-out and fade-in images

I have a grid with several images and I would like to change some of the images every 30 seconds.
How can I fade-out and fade-in images similar to jquery .fadeOut(). If not directly possible what is the easiest way to create an smooth image transition from one image to an other?