I have been working on a slider that is supposed to fade one picture over another. The issue is that the background change seems to only work in the Dreamweaver preview and not in the actual browser.
loop = setInterval(function(){
$("#slider").css("background-image" , "url(/slider" + x + ".jpg)");
$("#slider > img").fadeOut(2);
$("#slider > img#" + y).fadeIn(3000);
}, 4000)
Essentially, the process should be: Set the background image, fade out the old picture, fade in the new picture over the background, and repeat. However, I am struggling to figure out why the background isn't being set or displayed correctly.