Creating a jQuery Photo Slideshow with fadeIn and fadeOut

Sachin Bhatnagar

There are many ways to build a simple slideshow nowadays. In this screencast I will demonstrate how to do just this using jQuery’s fadeIn and fadeOut methods. These methods allow you to conveniently animate an element’s visibility, one of the very reasons I’ll use them to build a slideshow.

Sure, you could create a slideshow with CSS3, but animating an element’s visibility using JavaScript gives you greater control of its state. Come and watch the video and see which method works best for you.

[youtube pxyfLUx7iBk]

This screencast is a sample from my course jQuery: Beyond the Basics. If you liked this screencast, then you should definitely check out the rest of my course on Learnable!