Changing images with JQuery and the fade effect

Posted by Chris Barnes Sun, 15 Feb 2009 10:14:00 GMT


Photo by me!

It took me a bit of digging to figure out how to fade out a picture, change the src, then fade it back in. I started out trying to use Scriptaculous but I got stuck trying to get the queue setup to wait until the image was faded out to change the src. I ended up using jQuery which also gave me a bonus, the solution is unabtrusive.

Here are the application.js and show.html.haml files from my project.

Trackbacks

Use the following link to trackback from your own site:
http://blog.randomutterings.com/articles/trackback/32

Comments - Leave a response

  1. Avatar
    Lokoder 8 months later:
    Thanks from Brazil ;)
  2. Avatar
    camera stores sydney 11 months later:
    Don’t stop writing, you’ve given me lots of good info!