Changing background-image in CSS with JQuery

Question

I am creating a simple slider who is just fading a picture over an other. The problem is that the background change only works in the dreamweaver preview but not in the browser.

loop = setInterval(function(){
    $("#slider").css("background-image" , "url(/slider" + x + ".jpg)");
    $("#slider > img").fadeOut(2);
    $("#slider > img#" + y).fadeIn(3000);
}, 4000)

So it basicly looks like this: Set the background, fade the old pic away, fade the new pic over the background, do it again. But I can't see why it won't set the background or won't display it at least.

Answer 1

You need to change the src attribute of the image like this: $("#slider > img").attr('src', y); . Please check this jsfiddle .