Рандомно меняющийся background - как сделать? - Веб-строительство - Сайтостроение

536

melkozaur

6 мая 2013, 13:15

6825

Фон на сайте - повторяющаяся картинка gif. Картинок несколько. Суть в том, что хочу сделать, чтобы при каждом обновлении страницы фон менялся случайным образом. Погуглил, нашел как-то скрипт, но он у меня не заработал:

var bgPath = 'bg/bg';
var imagesNumber = 5;
var rndBg =  Math.floor(Math.random() * imagesNumber);
document.body.style.backgroundImage = 'url(' + bgPath + rndBg + '.gif)';

Как это можно сделать?

RO

88

RedOK

6 мая 2013, 13:19

#1

в папке, где лежит страницы, на которой запускается скрипт, должна существовать папка «bg» содержащая gif изображения с именами bg1.gif bg2.gif bg3.gif bg4.gif bg5.gif

536

melkozaur

6 мая 2013, 14:54

#2

RedOK,

Так и сделал. Не работает.

O

195

ortegas

6 мая 2013, 14:58

#3

Можно реализовать на PHP.

Создаете сессию и записываете туда значение 0. После каждого обращения плюсуете значение до максимального значения, потом сбрасываете. Генерируете ссылку и с помощью регулярного выражения вставляете её в временный CSS файл, который и выдаете пользователю. А лучше вообще в секцию head обычным plain text.

Удаление комментариев в PHP Как скрыть/зашифровать путь к Как защитить данные сайта

IL

435

ivan-lev

6 мая 2013, 15:32

#4

melkozaur:
Так и сделал. Не работает.

melkozaur, адрес в студию.. ну или в личку.

... :) Облачные серверы от RegRu - промокод 3F85-3D10-806D-7224 ( http://levik.info/regru )

536

melkozaur

6 мая 2013, 15:58

#5

ivan-lev,

Создал с нуля страничку - заработало. У меня в css был background указан, и видимо поэтому не менялось ничего.

Но возник другой вопрос: сейчас есть 11 картинок, они меняются при обновлении страницы, но иногда проскакивает белый фон - как этого избежать?

http://ko6.ru/

Рекомендательный виджет Вопрос про background в Как переконвертировать картинку из

S

14

Some

6 мая 2013, 16:24

#6

melkozaur:
Но возник другой вопрос: сейчас есть 11 картинок, они меняются при обновлении страницы, но иногда проскакивает белый фон - как этого избежать?
http://ko6.ru/

Или добавь еще одно изображение с названием bg0.gif, или же измени скрипт:

var rndBg = Math.floor(Math.random() * imagesNumber) || 1;

IL

435

ivan-lev

6 мая 2013, 16:43

#7

А соответственно bg/bg11.gif никогда не будет задействован..

Переименовать его в bg0

или добавить +1

var rndBg =  Math.floor(Math.random() * imagesNumber) + 1;

E

140

eBasher

6 мая 2013, 16:49

#8

А почему именно рендомно. Имхо лучше сделать циклически от 1 до 5 для каждого юзера.

ЗЫ Код в начале топика - правильный.

536

melkozaur

6 мая 2013, 22:42

#9

Всем спасибо!

---------- Добавлено 07.05.2013 в 02:43 ----------

eBasher,

Да не знаю, так по-моему интересней.

O

195

ortegas

6 мая 2013, 22:46

#10

melkozaur:
Да не знаю, так по-моему интересней.

Так беграунд может повторятся и будет совсем не интересно. Учтите это.

VK приобрела 70% в структуре компании-разработчика red_mad_robot

Зачем быть уникальным в мире, где все можно скопировать

Рандомно меняющийся background - как сделать?