Добрый день, форумчане, есть у меня такая задача - по клику на элемент, менять свойство background-image у другого.
Для этого была написана функция, код функции приведу. Функция вызывается
<a href="" onclick="setAsBackground('img/background.jpg'); return false;"></a>
Функция setAsBackground
function setAsBackground(post_img) {
var post_img = post_img;
var img = new Image();
img.src = post_img;
img.onload = function() {
console.log(this.src); //Выводит URL картинки как надо
document.getElementById('page_background').style.backgroundImage = 'url(' + this.src + ');'; //Не меняет свойство, ошибки нет
};
$('#page_background').css({'background': 'url(' + img.src + ');'}); //jQuery тоже бессильна
document.getElementById('page_background').style.background = '#ccc';// Работает, свойство меняет
}
Надеюсь на вашу помощь, заранее спасибо