I've solved this issue before using absolutely positioned divs. by having (in this case) three absolutely positioned divs within #lakeview-placeholder, each with the correct img src inside, you could hide two and leave one visible (using classes maybe). Then animate the fades to either crossfade or callback (fadeout then fadein).
Another option would be to use the cycle plugin with novel use of the pager function. Example here: http://www.malsup.com/jquery/cycle/int2.html On Apr 2, 3:10 pm, stinkysGTI <jesse.gr...@gmail.com> wrote: > There's a pretty simple image replacement I'm trying to do, but can't > get the current image to fadeOut, and the new one to fadeIn. There's > only 3 images to choose from and always will be. With those 2 lines > commented out, it works, just obviously without any kind of fade. I'm > fairly new to jQuery, so any help would be greatly appreciated. > > $(document).ready(function() { > $("#lakeview-gallery a").click(function(event) { > // $("#lakeview-placeholder").fadeOut(800); > // $("#lakeview-placeholder").fadeIn(800); > event.preventDefault(); > var image = $(this).attr("href"); > $("img#lakeview-placeholder").attr("src", image); > }); > > }); > > The page can be seen here:http://www.lakeshoremontana.com/dev/floorplans.html
