18 Ноября 2017, 04:04:04

Автор Тема: Рандомный бекграунд - хелп!  (Прочитано 6276 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн demius

  • Ветеран
  • *****
  • Сообщений: 533
  • Репутация: 57
  • Пол: Мужской
  • Веб-дизайнер
    • Магазин-аукцион шаблонов для DLE
Рандомный бекграунд - хелп!
« : 02 Августа 2012, 23:33:30 »
Доброго времени суток! Делаю шаблон для сайта, в шаблоне фиксированный, неподвижный бекграунд. Тело сайта прокручивается.

Код в CSS имеет вид:

/* Top BG */
.topbg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:url(../images/34r69.jpg) repeat-x top;
z-index:1;
}

Нужно как-то связать JS с CSS так что бы после обновления страницы картинка бекграунда рандомно менялась.

Кто может помочь? Я озадачен! :sos:
http://dle-templates.ru - Платные шаблоны DLE

Оффлайн -DRUM-

  • Администратор
  • Ветеран
  • *****
  • Сообщений: 2 560
  • Репутация: 182
  • Пол: Мужской
  • Поехали!
    • Бесплатный хостинг от "Интернет Обсерватории"
Re: Рандомный бекграунд - хелп!
« Ответ #1 : 03 Августа 2012, 09:07:31 »
спросить у яндекса не пробовал?

http://www.webtalking.ru/threads/3153-randomnyjj-background
javascript.ru/forum/dom-window/12964-izmenenie-kartinki-behkgraunda-jquery-backstretch.html
billing.intobs.ru

Оффлайн demius

  • Ветеран
  • *****
  • Сообщений: 533
  • Репутация: 57
  • Пол: Мужской
  • Веб-дизайнер
    • Магазин-аукцион шаблонов для DLE
Re: Рандомный бекграунд - хелп!
« Ответ #2 : 03 Августа 2012, 14:03:02 »
Добавил в мейн.тпл

<script>
var backgrounds=array();
backgrounds[0]="http://localhost/templates/games-world/images/fon.jpg";
backgrounds[1]="http://localhost/templates/games-world/images/fon2.jpg"";
// ...
var rand=Math.Round(Math.Rand()*backgrounds.length);
document.write('
<style type="text/css">
.topbg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:url('+backgrounds[rand]+') repeat-x top;
z-index:1;
}
</style>');
</script>

Теперь бекграунда вообще нет
http://dle-templates.ru - Платные шаблоны DLE

aXE364

  • Гость
Re: Рандомный бекграунд - хелп!
« Ответ #3 : 14 Августа 2012, 17:42:46 »
<script>
var backgrounds=array();
backgrounds[0]="/image.png";
backgrounds[1]="/img2.png";
backgrounds[2]="/img3.png";
backgrounds[4]="/img4.png";
// ...
var rand=Math.Round(Math.Rand()*backgrounds.length);
document.body.style.backgroundImage.src=backgrounds[rand];
</script>
перед </head> вставь

Оффлайн demius

  • Ветеран
  • *****
  • Сообщений: 533
  • Репутация: 57
  • Пол: Мужской
  • Веб-дизайнер
    • Магазин-аукцион шаблонов для DLE
Re: Рандомный бекграунд - хелп!
« Ответ #4 : 14 Августа 2012, 17:46:46 »
спс попробую
http://dle-templates.ru - Платные шаблоны DLE

aXE364

  • Гость
Re: Рандомный бекграунд - хелп!
« Ответ #5 : 15 Августа 2012, 22:38:33 »
okay