Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 04.09.2017, 04:33
Новичок на форуме
Отправить личное сообщение для QzzQ Посмотреть профиль Найти все сообщения от QzzQ
 
Регистрация: 04.09.2017
Сообщений: 2

Не отображается 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')";
};


Убедительная просьба подсказать, что я делаю не так.
Ответить с цитированием
  #2 (permalink)  
Старый 04.09.2017, 04:55
Новичок на форуме
Отправить личное сообщение для QzzQ Посмотреть профиль Найти все сообщения от QzzQ
 
Регистрация: 04.09.2017
Сообщений: 2

Разобрался, должно быть так:

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')";
};
Ответить с цитированием
  #3 (permalink)  
Старый 04.09.2017, 11:04
Аспирант
Отправить личное сообщение для vitek-82 Посмотреть профиль Найти все сообщения от vitek-82
 
Регистрация: 18.03.2017
Сообщений: 30

Я бы так сделал, вроде то же самое

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, 04.09.2017 в 11:21.
Ответить с цитированием
  #4 (permalink)  
Старый 04.09.2017, 11:46
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

vitek-82,
var a=Math.floor(Math.random() * 3)

Лучше так
иначе первая и последняя будет реже в два раза.
Ответить с цитированием
  #5 (permalink)  
Старый 04.09.2017, 22:24
Аспирант
Отправить личное сообщение для vitek-82 Посмотреть профиль Найти все сообщения от vitek-82
 
Регистрация: 18.03.2017
Сообщений: 30

я как раз сегодня думал над использованием Math.round , то что вы и имеете ввиду, согласен, вы прям словили мою утреннюю недоработанную мысль!
<0.5 = 0;
>=0,5 и <1,5 = 1;
>=1,5 и <2,5 = 2;
>=2.5 = 3

Спасибо что подбили на додумать!
Ответить с цитированием
  #6 (permalink)  
Старый 04.09.2017, 22:34
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

и еще один небольшой нюанс

var backColor = ['#FF9999', '#3399FF', '#CC6633', '#0FA494'],
a=Math.floor(Math.random() * backColor.length);


чтобы можно было добавлять цвета в массив и не заботится о том что, что то поломается
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не отображается виджет vk в табах ? ilyas-> Элементы интерфейса 6 27.04.2016 13:34
Не отображается горизонтальный скрол javaphp Events/DOM/Window 4 03.01.2016 15:01
Не отображается содержимое последующих вкладок APdesign Общие вопросы Javascript 4 17.07.2013 09:54
backgroundImage в методе .css() Алек jQuery 7 29.06.2013 16:33
не отображается iframe IggyTot Firefox/Mozilla 1 31.07.2012 14:24