Рандомная смена бэкграунда.Как?

apelisin · 04.09.2012, 00:50 **Вверх**

Доброго времени суток!
Столкнулся в очередной раз со сменой бэкграунда сайта.
Поискав в нэте варианты и испробывав их я так и не решил свой вопрос.
Как же толком сделать случайную смену заднего фона на сайте DLE?
Есть 4 картинки и хочется что бы при обновлении страницы или при новом заходе на сайт этот задний фон что бы менялся.
Есть решение ТУТ , но оно не подошло.Может не так что делал.
Может кто организовывал такую штуку у себя на сайте и готов поделиться мыслями?
Заранее благодарен!!

Heon · 04.09.2012, 21:07 **Вверх**

Это очень будет грузить сайт,пользователи этого не любят.

apelisin · 05.09.2012, 00:45 **Вверх**

Сообщение от Heon

Это очень будет грузить сайт,пользователи этого не любят.

ну ту не стоит вопрос о том что любят пользователи))Это не будет в основном шаблоне сайта.Так что пользователи не будут раздражены)
Вопрос как всё же это организовать?

Heon · 05.09.2012, 03:19 **Вверх**

Куда вставить думаю справишся

PHP код:


			
<style type="text/css">
<!--
body
{background-color:#FAFDFF; margin:0px; padding:0px; font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif;}
b
{color:#00008B}
.promo
{color:#AF0032; font-size:12px; text-align:center;  margin-top:20px}
.promo a:link, .promo a:visited, .promo a:hover {color:#0066CC; text-decoration:underline;}
-->

</style>
<SCRIPT language="javascript">
<!-- Random Background

function RandomBackground(images,btags)
{
/* si: start index 
** i: current index
** ei: end index
** cc: current count
*/
 si = 0; 
 ci=0;
 cc=0;
 imageSet = new Array();
 ei = images.length;
  for (i=1;i<ei;i++) {
    if (images.charAt(i) == ' ' || images.charAt(i) == ',') {
      imageSet[cc] = images.substring(si,i);
      cc++;
      si=i+1;
      }
    }
  ind = Math.floor(Math.random() *cc);
  document.writeln("<body "+btags+" background=\""+imageSet[ind]+"\">");
}

//function RandomBackground(images)
//{
  //RandomBackground(images,"");
//}

// End Script -->
</SCRIPT>

Это куда нить после header'a

PHP код:


			
<SCRIPT>
RandomBackground("bg-1.jpg bg-2.jpg bg-3.jpg bg-4.jpg bg-5.jpg ");
</SCRIPT>

Оборачивай сайт в <div class="promo" align="center"> Все содержимое </div>
Ну или добавь класс к body

Дерзай..

apelisin · 05.09.2012, 17:22 **Вверх**

Heon, Спасибо большое!буду пробывать!!))

apelisin · 18.09.2012, 04:03 **Вверх**

Heon, уважаемый Heon-чик!)) Что-то я туплю....Реально туплю!))Так и не разобрался что и куда воткнуть!) Можешь отредактировать свой пост с инструкцией для меня (как для чайника)?Я уверен, что это пригодится для многих.По запросам в гугле этот вопрос поднимается часто,но решения нет толкового!)Буду очень благодарен тебе!))
Отредактирую свой пост...
Я примерно понял что ты имел ввиду.Но у тебя просто сам код не разделён по частям))Я реально запутался из=за этого)
Из этого всего кода надо что то впихнуть в .JS?
Вобщем в раздумьях....Нид хэлп)))

Heon · 18.09.2012, 15:05 **Вверх**

Нечего страшнего.

1.В мужду тегами <head> </head> Вставляем

И тамже этот скрипт

<SCRIPT language="javascript">

</SCRIPT>

Ну и после к тегу <body> class="promo" должно быть что то вроде этого
<body class="promo">

Картинки кидаем в домен-сайта.ру/1.jpg
В такой деректории они должны быть.

Проверял я на обычной html страничке все работало