Не отображается backgroundImage
Добрый день,
Рандомно выбирается LOGO рисунок на странице, хотелось что бы с ним и изменялся ФОН согласно номера logo. Но если основной рисунок отображается, то background нет.
var a=Math.round(Math.random()*3)
image = new Array();
image[0]="example/logo1.png"
image[1]="example/logo2.png"
image[2]="example/logo3.png"
image[3]="example/logo4.png"
document.write ("<img src="+image[a]+">");
if (a=="0")
{
alert("СОВПАЛО_1")
document.getElementById('page_background').style.backgroundImage = "url('/top1.png')";
};
if (a=="1")
{
alert("СОВПАЛО_2")
document.getElementById('page_background').style.backgroundImage = "url('/top2.png')";
};
if (a=="2")
{
alert("СОВПАЛО_3")
document.getElementById('page_background').style.backgroundImage = "url('/top3.png')";
};
if (a=="3")
{
alert("СОВПАЛО_4")
document.getElementById('page_background').style.backgroundImage = "url('/top4.png')";
};
Убедительная просьба подсказать, что я делаю не так. |
Разобрался, должно быть так:
var a=Math.round(Math.random()*3)
image = new Array();
image[0]="example/logo1.png"
image[1]="example/logo2.png"
image[2]="example/logo3.png"
image[3]="example/logo4.png"
document.write ("<img src="+image[a]+">");
if (a=="0")
{
document.body.style.backgroundColor = '#FF9999';
document.body.style.backgroundImage = "url('top1.png')";
};
if (a=="1")
{
document.body.style.backgroundColor = '#3399FF';
document.body.style.backgroundImage = "url('top2.png')";
};
if (a=="2")
{
document.body.style.backgroundColor = '#CC6633';
document.body.style.backgroundImage = "url('top3.png')";
};
if (a=="3")
{
document.body.style.backgroundColor = '#0FA494';
document.body.style.backgroundImage = "url('top4.png')";
};
|
Я бы так сделал, вроде то же самое
var a=Math.round(Math.random() * 3);
var backColor = ['#FF9999', '#3399FF', '#CC6633', '#0FA494'];
document.getElementById('page_background').style.background = backColor[a] + ' url(top'+(a+1)+'.png)';
|
vitek-82,
var a=Math.floor(Math.random() * 3) Лучше так иначе первая и последняя будет реже в два раза. |
я как раз сегодня думал над использованием Math.round , то что вы и имеете ввиду, согласен, вы прям словили мою утреннюю недоработанную мысль!
<0.5 = 0; >=0,5 и <1,5 = 1; >=1,5 и <2,5 = 2; >=2.5 = 3 Спасибо что подбили на додумать! |
и еще один небольшой нюанс
var backColor = ['#FF9999', '#3399FF', '#CC6633', '#0FA494'], a=Math.floor(Math.random() * backColor.length); чтобы можно было добавлять цвета в массив и не заботится о том что, что то поломается |
| Часовой пояс GMT +3, время: 15:17. |