jquery image cross fade

I just spent an hour trying to figure out how to make an image cross-fade into another image using the amazing JQuery library.

First I read this post,  and then continued on to part two.

These tutorials are close, but the code was a bit confusing at first, and it didn’t seem that simple to integrate into my site.

Then I found the motherlode:

This single JQuery CrossSlide plug-in is easy to use instantly. It lets you perform slide-in and slide-out transitions with or without transparency fading in between multiple images.

It even emulates the popular Ken Burns effect that is built into iMovie.