Javascript. Как поменять background-image?

587
03 января 2017, 00:09

Всем привет! Есть такой код:

.block{
     background-image: url(img/img1.jpg);
 }

var btn = document.getElementById('btn');
btn.addEventListener('click', function(){changeBgImg();ещё();ещё();....});
var block = document.getElementById('block');
function changeBgImg(){
    block.style.backgroundImage = 'img/img2.jpg'
}

Подскажите не меняется background?

Answer 1

Пишите также, как и в css, т.е. вместе с url:

var block = document.getElementById('block'); 
 
function changeBgImg(){ 
    block.style.backgroundImage = "url('https://cs7062.vk.me/c540107/v540107359/2729/fYQlS_23QdA.jpg')"; 
} 
 
changeBgImg();
#block { 
  width: 200px; 
  height: 200px; 
}
<div id="block">222</div>

READ ALSO
Проблема с работой transition
javascript

Проблема с работой transition

Прошу помочь в аминировании динамически создаваемых объектовОбъекты создаются, но свойство transition не применяется как нужно

 462
Javascript библиотека для конвертации doc в html [требует правки]
javascript

Javascript библиотека для конвертации doc в html [требует правки]

Существует ли возможность конвертироватьdoc (не

 425
Проблема с библиотекой Fancybox
jQuery

Проблема с библиотекой Fancybox

Есть картинка

 425
svg в google chrome
CSS

svg в google chrome

Не могу понять почему svg так не корректно отображается на хроме, если присмотреться то на кнопочке крестик, в середине линий пустые пикселиСверху...

 525