Форум

AlexMak · #1 (**permalink**) 13.11.2008, 14:48

Пытаюсь менять фон div, но при запуске не работает. В чем может быть проблема?

<script>
document.getElementById("div_id").style.background Image="background2.jpg";
</script>

<body onLoad="setTimeout('changeBg()',1000);">

<div id="div_id" style="background-image: url('background1.jpg');">
</div>

</body>

ZoNT · #2 (**permalink**) 13.11.2008, 14:50

а где функция changeBg ???

AlexMak · #3 (**permalink**) 13.11.2008, 15:10

<script>
function changeBg(){
document.getElementById("div_id").style.background Image="background2.jpg";
}
</script>

<body onLoad="setTimeout('changeBg()',1000);">

<div id="div_id" style="background-image: url('background1.jpg');">
</div>

</body>

Поспешил, пропустил ее. сейчас правильный код. При запуске скрипта меняет на белый и все, в чем-то ошибка.

Kolyaj · #4 (**permalink**) 13.11.2008, 15:12

Вас не смущает, что в функции у вас

Код:

background2.jpg

а в стилях

Код:

url('background1.jpg')

? (можно, кстати, без кавычек)

AlexMak · #5 (**permalink**) 13.11.2008, 15:28

Аргх, все заработало. Просто до этого эксперементировал с url, ничего не получалось. Спасибо, что ткнули) И еще вопрос, background-image и backgroundImage - это одно и то же?

Kolyaj · #6 (**permalink**) 13.11.2008, 16:03

Да, только одно из CSS, другое из JavaScript.

AlexMak · #7 (**permalink**) 13.11.2008, 17:02

Спасибо за разъяснения (:

fijiisland · #8 (**permalink**) 17.05.2012, 11:30

Доброго всем.
Друзья, а не подскажите скриптик для смены бекграунда в диве при обновлении страницы. Из трех заранее заданных, например.

bot87 · #9 (**permalink**) 17.05.2012, 11:58

<style type="text/css">
#poster{width:100px;height:100px;}
</style>
</head>
<body>
<div id="poster"></div>
<script>
var mas=['1.jpg','2.jpg','3.jpg']
window.onload=function(){
 document.getElementById('poster').style.backgroundImage="url("+mas[
parseInt(Math.random()*2)]+")"
}

bes · #10 (**permalink**) 17.05.2012, 12:13

<div id="myDiv">content</div>

<script>
window.onload = function () {
  var colors = ["red", "green", "blue"];
  var dif = Math.round(2*Math.random());
  myDiv.style.background = colors[dif];
}
</script>

bot87, лучше использовать Math.round(), так как хотя и редко, но parseInt(Math.random()*3) может вернуть 3.

Форум

Справочник

Discord чат

Курсы javascript