Ramblings on technology with a dash of social commentary
RSS icon Email icon Home icon
  • jquery image cross fade

    Posted on August 16th, 2009 phpguru No comments

    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.