Смена background у div
Пытаюсь менять фон 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> |
а где функция changeBg ???
|
<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>
Поспешил, пропустил ее. сейчас правильный код. При запуске скрипта меняет на белый и все, в чем-то ошибка. |
Вас не смущает, что в функции у вас
Код:
background2.jpgКод:
url('background1.jpg') |
Аргх, все заработало. Просто до этого эксперементировал с url, ничего не получалось. Спасибо, что ткнули) И еще вопрос, background-image и backgroundImage - это одно и то же?
|
Да, только одно из CSS, другое из JavaScript.
|
Спасибо за разъяснения (:
|
Доброго всем.
Друзья, а не подскажите скриптик для смены бекграунда в диве при обновлении страницы. Из трех заранее заданных, например. |
<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)]+")"
}
|
<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. |
| Часовой пояс GMT +3, время: 16:21. |