http://blog.randomutterings.com/articles/tag/javascript en-us 40 <p class="credits"><img style="width:600px;" src="http://blog.randomutterings.com/images/articles/gallery.png"><br>Photo by <a href="http://www.flickr.com/photos/randomutterings/">me!</a></p> <p>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.</p> <p>Here are the application.js and show.html.haml files from my project.</p> <script src="http://gist.github.com/64723.js"></script> Sun, 15 Feb 2009 10:14:00 +0000 urn:uuid:3c3f2d0f-45b6-4208-8135-cb9a144b2694 Chris Barnes http://blog.randomutterings.com/articles/2009/02/15/changing-images-with-jquery-and-the-fade-effect Ruby on Rails Javascript ruby rails Javascript JQuery http://blog.randomutterings.com/articles/trackback/32