jQuery - Изменить фоновое изображение с переменной?

Question

Я пытаюсь добавить фоновое изображение CSS с помощью jQuery, но не могу понять, как это сделать. Я думаю, я в правильном направлении, но я не уверен ...

var bgImg = "http://www.domain.com/my-image.jpg"; 

$('#myBanner').css("background", "url("+bgImg+");"); 

Вот скрипку из него не работает: http://jsfiddle.net/qLqvtkp3/

Любая помощь будет здорово !!

Answer 1

Вы должны удалить ; в строке. он делает правило недействительным, а jQuery не добавляет недопустимое правило в атрибуте style.

$('#myBanner').css("background", "url("+bgImg+")"); 

http://jsfiddle.net/qLqvtkp3/17/

Answer 2

Это будет делать:

$('#myBanner').css({ 
       "background-image": "url('" + bgImg + "')" 
}); 

Fiddle

Answer 3

Заменить background с background-image

$('#myBanner').css("background-image","url('"+bgImg+"')"); 

Answer 4

Проблемы в коде: -

1) -Вы имеете объединили ваши строки в неправильном направлении.

2) -Вы использовали фон. Вы должны использовать background-image.

3) -Вы написали ; в коде CSS JQuery ("url("+bgImg+");"))

Попробуйте это: -

var bgImg = "http://www.domain.com/my-image.jpg"; 

$('#myBanner').css({"background-image":"url('"+bgImg+"')"});