Изменение style.background

votan · September 30, 2008

Привет всем!

Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет

if (document.styleSheets[0].cssRules){
	//alert(document.styleSheets[0]["cssRules"][42].selectorText);
	//alert(document.styleSheets[0]["cssRules"][42].style["background"]);
	document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)"
	//alert(document.styleSheets[0]["cssRules"][42].style["background"]);
}	
	else{
		//alert(document.styleSheets[0].rules[42].selectorText);
	//alert(document.styleSheets[0].rules[42].style["background"]);
	document.styleSheets[0].rules[42].style.background="url(../images/headers/UpPic_"+n+".jpg)";
   alert(document.styleSheets[0].rules[42].style.background);
	}

причем последний алерт показывает правильное название фонового изображения, но отображает ту первую картинку которая прописана в css файле.

Естественно этот код запускается до тега <body>

(я понимаю что неправильно задавать номер правила, но написал это пока только для отладки)

42 правило в файле css выглядит следующим образом:

#header .row_2 { height:316px; background:url(../images/headers/UpPic_1.jpg) no-repeat left top;}

Помогите заставить IE работать верно

ZoNT · September 30, 2008

Привет всем!
Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет
if (document.styleSheets[0].cssRules){
	//alert(document.styleSheets[0]["cssRules"][42].selectorText);
	//alert(document.styleSheets[0]["cssRules"][42].style["background"]);
	document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)"
	//alert(document.styleSheets[0]["cssRules"][42].style["background"]);
}	
	else{
		//alert(document.styleSheets[0].rules[42].selectorText);
	//alert(document.styleSheets[0].rules[42].style["background"]);
	document.styleSheets[0].rules[42].style.background="url(../images/headers/UpPic_"+n+".jpg)";
   alert(document.styleSheets[0].rules[42].style.background);
	}
причем последний алерт показывает правильное название фонового изображения, но отображает ту первую картинку которая прописана в css файле.
Естественно этот код запускается до тега <body>
(я понимаю что неправильно задавать номер правила, но написал это пока только для отладки)
42 правило в файле css выглядит следующим образом:
#header .row_2 { height:316px; background:url(../images/headers/UpPic_1.jpg) no-repeat left top;}
Помогите заставить IE работать верно

а найти элемент по айди и поставить ему .style.background = "url(../images/headers/UpPic_"+n+".jpg)"; не дано???

votan · September 30, 2008

а найти элемент по айди и поставить ему .style.background = "url(../images/headers/UpPic_"+n+".jpg)"; не дано???

Спасибо, проблему решил. Ошибка была именно в прямом обращении к элементу таблицы стиля по номеру. firefox эту пою ошибку понимал, а IE нет

К элементу по ID обращаться не получалось - потому что был эффект моргания, когда сначала отображалась старая картинка а потом она заменялась на новую.

Sign In

Изменение style.background

Question

votan

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

ZoNT

Link to comment

Share on other sites

votan

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information