Форум Сайтостроение Веб-строительство

Смена фона ячейки при перезагрузке страницы

Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
906

Надо сделать что бы при перезагрузке страници или при переходе на новую страницу менялось фоновое изображение (внитри блока будет размещаться текст) (random) ячейки/блока, всмысле что бы всегда разные были, может кто встречал решение данной проблемы на java script?

html/css/js верстка и разработка сайтов на hostcms (хостцмс) - skype: varkolak1, тел: 89675012935, e-mail: anton.yurzanov@gmail.com
Shtogrin
На сайте с 02.11.2006
Offline
95
Shtogrin
#1

Сколько изображений и какие имена - пронумерованы или произвольные имена?

www.shtogrin.com (http://www.shtogrin.com/). Канцтовары (http://www.invit.com.ua/). 1С Бухгалтерия (http://account.kiev.ua/).
Varkolak
На сайте с 03.06.2005
Offline
174
Varkolak
#2

Shtogrin, пронумерованы, изображений, 3-4

Shtogrin
На сайте с 02.11.2006
Offline
95
Shtogrin
#3
Varkolak:
Shtogrin, пронумерованы, изображений, 3-4

function js_set_event(element, eventName, handler)

{

	  if(element.addEventListener)

			element.addEventListener(eventName, handler, false);

	  else

		if(element.attachEvent)

			element.attachEvent('on' + eventName, handler);

}

function setbg()

{

//CHANGE COUNT OF IMAGE

	var bgcount= 4;

	var bgname = "/path_to_image/"+Math.floor(Math.random() * bgcount)+".jpg"; 

//CHANGE ID OF ELEMENT

	document.getElementById('ID').style.backgroundImage=bgname;

}

js_set_event(window, 'load', setbg);

Фон меняется через onload, можно вставлять код в любое место страницы. Или просто вставить через document.write само имя bgname в нужное место

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий