[ Вопрос ] Как сделать автоматическую смену бэкграунда на сайте?

@Umka · 28.08.2013, 10:37

Есть сайт (на инстанте, хотя это не особо принципиально) на котором хочется замутить смену бэкграунда на автомате.
Примерно таким способом: закинуть в папку картинки с именами image1.jpg, image2.jpg, ..., image22.jpg. И сделать, чтобы раз в сутки (допустим в 00:01) картинка менялась на следующую по номеру. Дойдя до конца (image22...) - переходила обратно к первой. То есть цикл такой. Проверили номер, добавили к нему 1, вывели.. Раз в сутки (чаще не надо).

Нашел примерно такой способ смены: http://www.instantcms.ru/blogs/zapis...ezagruzki.html
Но кажется он мне что-то излишне сложноватым и замороченным.

Собсно, мож подскажет кто, как сделать попроще или получше?

@**Phoenix** · 28.08.2013, 10:57

Umka, думаю нуно php файлик, который будет править файл стилей. Напиши унику, если свободен он тебе поможет

@Umka · 28.08.2013, 11:08

Цитата:

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

php файлик, который будет править файл стилей

хитрО..

@**luserz** · 28.08.2013, 13:29

Можете здесь посмотреть http://saitoseoteka.ru/vordpress/avtomat-header.html

@Umka · 28.08.2013, 15:34

luserz, спасибо, но не то.

Такого типа я видел уже.
Там вписаны в CSS разные бэкграунды, они и подставляются по условию. Я же хочу выводить картинку из папки по маске файла.

Цитата:

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

php файлик, который будет править файл стилей

А если наоборот:
- CSS не менять. Прописать туда что-то типа background-image: url(../images/background.jpg);
- набить в папку images картинки background1.jpg, background2.jpg, .., background100.jpg и копировать скриптом последнюю (с наибольшим номером) в background.jpg (каждый раз заменяя ее).
..тогда вроде CSS нет смысла ковырять.

@**Phoenix** · 28.08.2013, 15:47

Umka, можно бэкграунд из стилей вообще убрать и подгружать его отдельным пхп файликом, так даже проще будет думаю.
Либо, как вариант можно подправить ниво слайдер, он гибкий

@**kpu3uc** · 28.08.2013, 16:29

Umka, можно сделать что бы каждый день в течении месяца background менялся на новый, а затем со следующего месяца все заново. Если интересно такая реализация могу помочь

@**upgreyt** · 28.08.2013, 17:18

Оффтоп:

php в одну строчку подойдет ?)
Есть такой чудесный параметр, как формат даты. Все возможные значения можно посмотреть здесь : http://php.net/manual/ru/function.date.php .
Для вашего случая можно использовать - j - День месяца без ведущего нуля - значение от 1 до 31
Т.е.нумеруем файлы в папке - как вы и хотели и вызываем функию с параметром j:
<style>
background:url(путь_к_файлу/image<?php echo date("j"); ?>.jpg);
</style>

Т.е. если сегодня 28 число, то выведется файл с номером image28.jpg.
Если хотите по дням недели выводить- меняйте на параметр w
ну и т.д.

@Umka · 28.08.2013, 18:53

upgreyt, изящно, блин.

@ **Puppeteer** · 29.08.2013, 01:02

Решение на jquery

Код:

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
$('body').css({'background':'url(images/'+new Date().getDate()%10+'.jpg'});
});
</script>

Где 10 это количество картинок. Смысл такой получаем сегодняшнюю дату и делим по модулю на 10. Т.е если сегодня 10 число мы получим 0, 29 числа получим 9 и т.д. И это число к боди ставится бэкграундом.

@Владислав Приторк · 01.10.2013, 15:03

joomla шаблон пойдет?
<html>
<head>
<title></title>
</head>
<body>

</body>
<script type="text/javascript">
var currentTime = new Date().getHours();
if (7 <= currentTime && currentTime < 20) {
if (document.body) {
document.body.background = "http://itsnotch.com/tumblr/images/daytime_bg.jpg";
}
}
else {
if (document.body) {
document.body.background = "http://itsnotch.com/tumblr/images/nighttime_bg.jpg";
}
}

</script>
</html>
Меняет по клику

28.08.2013, 10:37	#1
@Umka Winter Is Coming Сообщений: 4,143 FR (активность): 80,659 Отзывы: 1282 Доп. информация Регистрация: 26.06.2009 Грамоты: 1	Как сделать автоматическую смену бэкграунда на сайте? Есть сайт (на инстанте, хотя это не особо принципиально) на котором хочется замутить смену бэкграунда на автомате. Примерно таким способом: закинуть в папку картинки с именами image1.jpg, image2.jpg, ..., image22.jpg. И сделать, чтобы раз в сутки (допустим в 00:01) картинка менялась на следующую по номеру. Дойдя до конца (image22...) - переходила обратно к первой. То есть цикл такой. Проверили номер, добавили к нему 1, вывели.. Раз в сутки (чаще не надо). Нашел примерно такой способ смены: http://www.instantcms.ru/blogs/zapis...ezagruzki.html Но кажется он мне что-то излишне сложноватым и замороченным. Собсно, мож подскажет кто, как сделать попроще или получше?

28.08.2013, 10:57	#2
@Phoenix Сам по себе Сообщений: 1,021 FR (активность): 39,032 Отзывы: 527 Доп. информация Регистрация: 24.11.2011 Специализация: SEO услуги Адрес: Ижевск	Umka, думаю нуно php файлик, который будет править файл стилей. Напиши унику, если свободен он тебе поможет В сео денег нет, совсем нет

28.08.2013, 15:47	#6
@Phoenix Сам по себе Сообщений: 1,021 FR (активность): 39,032 Отзывы: 527 Доп. информация Регистрация: 24.11.2011 Специализация: SEO услуги Адрес: Ижевск	Umka, можно бэкграунд из стилей вообще убрать и подгружать его отдельным пхп файликом, так даже проще будет думаю. Либо, как вариант можно подправить ниво слайдер, он гибкий В сео денег нет, совсем нет

29.08.2013, 01:02	#10
@ Puppeteer calm Сообщений: 555 FR (активность): 16,789 Отзывы: 252 Доп. информация Регистрация: 09.02.2009 Специализация: Программирование Адрес: Рунет	Решение на jquery Код: <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> <script type="text/javascript"> $(document).ready( function(){ $('body').css({'background':'url(images/'+new Date().getDate()%10+'.jpg'}); }); </script> Где 10 это количество картинок. Смысл такой получаем сегодняшнюю дату и делим по модулю на 10. Т.е если сегодня 10 число мы получим 0, 29 числа получим 9 и т.д. И это число к боди ставится бэкграундом.

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра	Оценка этой теме
Линейный вид Комбинированный вид Древовидный вид	Оценка этой теме:

28.08.2013, 13:29	#4
@luserz Друзья SEOcafe Сообщений: 561 FR (активность): 16,631 Отзывы: 108 Доп. информация Регистрация: 22.05.2011 Адрес: Санкт-Петербург	Можете здесь посмотреть http://saitoseoteka.ru/vordpress/avtomat-header.html

28.08.2013, 16:29	#7
@kpu3uc Пользователь Сообщений: 44 FR (активность): 688 Отзывы: 9 Доп. информация Регистрация: 28.04.2013	Umka, можно сделать что бы каждый день в течении месяца background менялся на новый, а затем со следующего месяца все заново. Если интересно такая реализация могу помочь

28.08.2013, 18:53	#9
@Umka Winter Is Coming Сообщений: 4,143 FR (активность): 80,659 Отзывы: 1282 Доп. информация Регистрация: 26.06.2009 Грамоты: 1	upgreyt, изящно, блин.

01.10.2013, 15:03	#11
@Владислав Приторк Сообщений: 18 FR (активность): 108 Отзывы: Доп. информация Регистрация: 20.09.2013	joomla шаблон пойдет? <html> <head> <title></title> </head> <body> </body> <script type="text/javascript"> var currentTime = new Date().getHours(); if (7 <= currentTime && currentTime < 20) { if (document.body) { document.body.background = "http://itsnotch.com/tumblr/images/daytime_bg.jpg"; } } else { if (document.body) { document.body.background = "http://itsnotch.com/tumblr/images/nighttime_bg.jpg"; } } </script> </html> Меняет по клику

Сообщение форума

Отменить изменения

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
[ Вопрос ] Robots.txt на сайте. Нужен ли роботс на сайте с 1 страницей?	TIAMAT1	Индексация сайта	6	23.09.2012 23:57
Сделать на сайте регистрацию через facebook	30698963	Оптимизация страниц сайта	4	24.08.2012 18:29
Нужно сделать пару вещей на сайте, разумеется за оплату...	SMMhit	Сайты - создание	7	10.04.2012 20:35
как сделать автоматическую синхронизацию между базой поставщика и моим магазином?	Admer	Мусорка	1	12.01.2012 16:10
как сделать бан?:	Reider	Почетные пользователи - скрытый раздел	9	16.08.2011 13:51