I have a function that serves as a slideshow; the images change at the correct intervals, but do not have a fade animation:
function changePic() {
if (n == pics.length) {
pics = shuffleArray(pics);
n = 0;
}
var pic = "media/" + pics[n];
if (pic === "media/dave.png") {
dave();
}
$("#dinner").fadeOut("slow",function(){
$("#dinner").attr("src",pic);
$("#dinner").fadeIn("slow",function(){
setTimeout(changePic,slideDuration);
});
});
n++;
}