jQuery change div background-image with fadeIn/Out

Question

I\'m trying to create a fadeIn/Out effect on a site I created (edit: site url deleted)

Everything works great except when you click on one of the colors in the color

Answer 1

You might want to try something like this

Replace

$('#image-holder').css("background", "url('images/design-" + newColor + ".jpg')");

with

$('#image-holder').animate({background : url('images/design-' + newColor + '.jpg') }, 3000);

Adjust the 3000 as necessary to increase the amount of time in the animation.

Totally untested