Генерация фоновых рисунков

buddah · June 9, 2011

Есть страница, в ней блок с фоновым рисунком.

Задача: менять фоновый рисунок из выборки например в 5 фотографий случайным образом при каждом заходе на страницу.

klierik · June 9, 2011

Реализуй на PHP или JS

buddah · June 9, 2011

Реализуй на PHP или JS

Я же, кажется, по адресу)

psywalker · June 9, 2011

Math.random();

s0rr0w · June 9, 2011

Есть страница, в ней блок с фоновым рисунком.
Задача: менять фоновый рисунок из выборки например в 5 фотографий случайным образом при каждом заходе на страницу.

Пять разных класса css как константа с номерами в конце 0, 1, 2, 3, 4. Потом либо на стороне сервера, либо в JS генерируешь случайное число от 0 до 4 и присваиваешь нужной ноде имя класса в виде константа + число.

buddah · June 9, 2011

Math.random();

Точно! Это подойдет)

А вызов функции, которая это все реализует, сделать в пределах body или после него?

Edited June 9, 2011 by buddah

Softlink · June 9, 2011

я вот сегодня точно таким же вопросом задался. Решил сам написать. Так как в ЖС вообще не соображаю, решил делать в пхп.

Меню на одном сайте так сделал. Смысл в том, что когда ты на странице этого пункта меню, он должен быть некликабелен.

Edited June 9, 2011 by Softlink

buddah · June 9, 2011

я вот сегодня точно таким же вопросом задался. Решил сам написать. Так как в ЖС вообще не соображаю, решил делать в пхп.

Я вот после подсказки Psywalker нашел вот такую штуку на пару строчек (только там для боди):

<html>
<head>
<script type="text/javascript">
var totalCount = 8;
function ChangeIt()
{
var num = Math.ceil( Math.random() * totalCount );
document.body.background = 'bgimages/'+num+'.jpg';
document.body.style.backgroundRepeat = "repeat";// Background repeat
}
</script>
</head>
<body>
// Page Design
</body>
<script type="text/javascript">
ChangeIt();
</script>
</html

Softlink · June 9, 2011

у меня немного проще задача. Надо чтобы отдельной странице свой фон был. Т.е. рандом не нужен.

s0rr0w · June 9, 2011

На заметку домохозяйке начинающему программисту:

Math.random() генерирует вещественное число от 0 до 1.

buddah · June 9, 2011

На заметку домохозяйке начинающему программисту:
Math.random() генерирует вещественное число от 0 до 1.

Так вот же как тут автор его использует:

var num = Math.ceil( Math.random() * totalCount );

totalCount - это число фоновых изображений сайта, а Math.ceil () — округляет число к целому, и возвращает результат.

Вроде все правильно?

По крайней мере скрипт вот тут работает корректно.

Или я что-то недопонял?

Edited June 9, 2011 by buddah

s0rr0w · June 9, 2011

Вроде все правильно?

totalCount=5

num будет принимать значения 0 || 1 || 2 || 3 || 4 || 5

buddah · June 9, 2011

Вроде все правильно?
totalCount=5
num будет принимать значения 0 || 1 || 2 || 3 || 4 || 5

Бррр, не понял. Рандомно любое из этих чисел или по очереди?

Edited June 9, 2011 by buddah

s0rr0w · June 9, 2011

Бррр, не понял. Рандомно любое из этих чисел или по очереди?

|| - вот эти две палочки расшифровываются как OR (или)

Напишу другим языком, значения num - целые числа в диапазоне 0..5

buddah · June 9, 2011

Забыл про OR. Спасибо, теперь все ясно

s0rr0w · June 9, 2011

Удивительно, что не видна ошибка... Считать люди так и не научились...

buddah · June 10, 2011

Удивительно, что не видна ошибка... Считать люди так и не научились...

Ты про то, что может принять значение 0?

s0rr0w · June 10, 2011

Ты про то, что может принять значение 0?

Я про то, что при totalCount=5 количество случайных чисел 6

psywalker · June 10, 2011

Ты про то, что может принять значение 0?
Я про то, что при totalCount=5 количество случайных чисел 6

Да, но это если округлять в большую сторону, как у buddah, с помощью Math.ceil

buddah · June 10, 2011

Ок, подскажите другое решение, если не трудно.

psywalker · June 10, 2011

Ок, подскажите другое решение, если не трудно.

Да отличное это решение, просто убери лишнюю цифру или округляй в меньшую сторону. Math.floor();

mishka · June 10, 2011

Math.random()

Возвращает случайное число между 0 и 1. Чтобы получить случайное целое число между нулем и другим максимальным значением, используйте формулу:

Math.round(Math.random() * n)

Где n - верхнее целое число приемлемого диапазона.

Чтобы получить случайное целое число в диапазоне, начинающемся с номера, отличного от 0, используйте формулу:

Math.round(Math.random() * n) + m

где m. - самое низкое целое число приемлемого диапазона, и n+m равняется максимальному значению диапазона.

buddah · June 10, 2011

Спасибо, разобрался)

Sign In

Генерация фоновых рисунков

Question

Link to comment

Share on other sites

22 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information