jQuery for Designers: Image Cross Fade Transition

Posted in Frameworks, Development, Web Technologies, Graphics on December 03, 2008

A frequent query and request I receive (and have myself) as a developer is: "how can I fade one image in to another?".

In particular, Nathan Wrigley of pictureandword.com, needed a method one image into another mouse rolls over, and the slowly fade back once the mouse has left.

Image rollovers were the staple JavaScript nugget of the 90s, and for a lot of JavaScript developers I know, one of the starting places their passion for JavaScript. Today, rollovers are a no-brainer - either in CSS or with the simplest of JavaScript. Today's challenge is the rollover transition!

Watch Video Watch Video Watch Video on External Site

Tags: Frameworks, Javascript, Design, CSS, jQuery, jQuery for Designers, Broadcasting, Screencasts, Development