Форум русской поддержки Joomla!® CMS
23.06.2017, 02:28:43 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.
Вам не пришло письмо с кодом активации?

Войти
   
   Начало   Поиск Joomla 3.0 FAQ Joomla 2.5 FAQ Joomla 1.5 FAQ Правила форума Новости Joomla Реклама Войти Регистрация Помощь  
Страниц: [1]   Вниз
  Добавить закладку  |  Печать  
Автор

Смена фоновой картинки в header'e в зависимости от времени суток

 (Прочитано 244 раз)
0 Пользователей и 1 Гость смотрят эту тему.
Jekki
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 14



« : 10.04.2017, 00:27:36 »

Доброй ночи. Использую шаблон от YouJoomla, там их фреймворк для правки шаблона.
Вставляется картинка на фон в хэдэр, она затемняется, нашел файл где править CSS стили, сделал как надо. Доволен Azn
Теперь мне интересно какими способами можно реализовать функцию смены этой самой фоновой картинки в зависимости
от времени суток? У меня там небо с облаками, такое красивое будет нависать днем. А после допустим 22:00 хочу чтобы темное звездное небо было, ну придает свой антураж я считаю. Как это можно сделать, подскажите мастера?
Записан
pavelrer
Давно я тут
****

Репутация: +8/-1
Offline Offline

Сообщений: 394


« Ответ #1 : 10.04.2017, 01:02:34 »

Да все очень просто! У вас несколько стилей привязанных к контейнеру.
Вы просто узнаете время сервера, и меняете стиль контейнера.
Но только обратите внимание, есть такая весчь как регион, и время считается или от региона серва или от UTC.
Тут придется повозиться с скриптом и применить астрономические часы! (стандартная таблица на 365 дней)
Записан
vipiusss
Профи
********

Репутация: +303/-9
Offline Offline

Пол: Мужской
Сообщений: 5410


Skype: renor_


« Ответ #2 : 10.04.2017, 09:00:33 »

Код:

<script language="JavaScript">
theTime = new Date();
theHour = theTime.getHours();
if(theHour>0&&theHour<7){document.write('<body background ="/images/background/1.jpg">');}
if(theHour>8&&theHour<22){document.write('<body background ="/images/background/2.jpg">');}
else{ document.write('<body background ="/images/background/3.jpg">');}
</script>


Участок theHour>0&&theHour<7 говорит о том, что если с 0:00 до 7:00 время-значит /images/background/1.jpg
И т.п. Строк можете понаставить "временных" хоть по часово сколько угодно.
else говорит о том, что если где-то не задан временной промежуток-будет 3.jpg
Для конкретных дивов используйте замену body background на свой.В примере указал у себя рабочий вариант с общим фоном.

Показать текстовый блок
« Последнее редактирование: 10.04.2017, 09:04:56 от vipiusss » Записан
Jekki
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 14



« Ответ #3 : 10.04.2017, 21:01:21 »

vipiusss
спасибо за скрипт, буду реализовывать. только куда его? отдельный файл? где выполнять я имею ввиду
Записан
vipiusss
Профи
********

Репутация: +303/-9
Offline Offline

Пол: Мужской
Сообщений: 5410


Skype: renor_


« Ответ #4 : 11.04.2017, 09:11:44 »

vipiusss
спасибо за скрипт, буду реализовывать. только куда его? отдельный файл? где выполнять я имею ввиду
где угодно, например я вставляю код в адвансед модуль, тем самым контролирую и на каких страницах менять, и справо, по датам (начало-конец). Но у меня фон сайта общий меняется.
А вам можно в блок хёдера вашего, или просто в индекс, вам главное указать, какой div имеет меняющийся фон.
Записан
Jekki
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 14



« Ответ #5 : 11.04.2017, 20:32:09 »

Окей, буду пробовать, отпишу по результату
Записан
Jekki
Захожу иногда
**

Репутация: +0/-0
Offline Offline

Пол: Мужской
Сообщений: 14



« Ответ #6 : 11.04.2017, 20:45:54 »

"исследовать элемент" нажал, получается, вот этот div..?

Записан
vipiusss
Профи
********

Репутация: +303/-9
Offline Offline

Пол: Мужской
Сообщений: 5410


Skype: renor_


« Ответ #7 : 11.04.2017, 21:43:16 »

Откуда я знаю, в каком диве у вас смена фона.
Если в этом-то этот.
Записан
Страниц: [1]   Вверх
  Добавить закладку  |  Печать  
 
Перейти в:  

Powered by SMF 1.1.21 | SMF © 2006, Simple Machines

Joomlaforum.ru is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by Open Source Matters
the trademark holder in the United States and other countries.

LiveInternet