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

  • 7 Ответов
  • 276 Просмотров

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

*

Оффлайн Jekki

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

*

Оффлайн pavelrer

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

*

Оффлайн vipiusss

  • ********
  • 5436
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля

<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, 10:04:56 от vipiusss »
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн Jekki

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

*

Оффлайн vipiusss

  • ********
  • 5436
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
vipiusss
спасибо за скрипт, буду реализовывать. только куда его? отдельный файл? где выполнять я имею ввиду
где угодно, например я вставляю код в адвансед модуль, тем самым контролирую и на каких страницах менять, и справо, по датам (начало-конец). Но у меня фон сайта общий меняется.
А вам можно в блок хёдера вашего, или просто в индекс, вам главное указать, какой div имеет меняющийся фон.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями

*

Оффлайн Jekki

Окей, буду пробовать, отпишу по результату

*

Оффлайн Jekki

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


*

Оффлайн vipiusss

  • ********
  • 5436
  • [+]327 / [-]10
  • Skype: renor_
    • Просмотр профиля
Откуда я знаю, в каком диве у вас смена фона.
Если в этом-то этот.
Миграция, установка, обновление версий Joomla  |  Создание сайтов "под ключ"  |  Эксклюзивные заглушки "offline"  |  Работа с "напильником" над шаблонами и расширениями