1

Всем привет! Такая задача, нужно, чтобы фон сайта менялся в зависимости от месяца и дня, которые у пользователя (а не у сервера). Например, чтобы с 25 декабря по 20 января был праздничный фон, естественно, что он уже располагается в папке на сервере с остальными изображениями. Вот код в стилях, который сейчас отображает фон:

body{   
background-image: url("/images/bg1.jpg");   
background-repeat:no-repeat;
background-attachment:fixed;
webkit-background-size: cover;
moz-background-size: cover;
o-background-size: cover;
background-size: cover;

-ms-user-select: none; 
-moz-user-select: none; 
-webkit-user-select: none; 
user-select: none; 
}

Подскажите пожалуйста как это реализовать

6
  • А как вы думаете это можно сделать? Может какие скрипты написать или что?
    – MihailPw
    15 мая 2017 в 14:03
  • вот это в зависимости от месяца и дня, которые у пользователя (а не у сервера) заставило меня задуматься....
    – splash58
    15 мая 2017 в 14:06
  • это касается дня конечно) у некоторых новый год уже наступил, а у других еще нет
    – user250166
    15 мая 2017 в 14:08
  • Ну с помощью js проверяй текущую дату и меняй, всё. 15 мая 2017 в 14:37
  • javascript.ru/Date - Date поддерживает как методы для работы в зоне UTC (GMT+0), так и методы для работы с местным временем. Местное время - это то, которое установлено на компьютере, на котором выполняется яваскрипт, то бишь пользователя. 15 мая 2017 в 14:41

1 ответ 1

1

Можно на JavaScript:

function setNewYearBg() {
  var now = new Date(),
      month = now.getMonth(),
      day = now.getDate();
  if( (month == 11 && day >=25) || (month == 0 && day <= 20) ) {
    document.body.classList.add('newyear');
  }
}
setNewYearBg();
body{   
background-image: url(https://avatanplus.com/files/resources/mid/57453290e77cd154e64d8634.jpg);   
background-repeat:no-repeat;
background-attachment:fixed;
background-size: cover;
}

body.newyear {
  background-image: url(https://be-ledy.ru/wp-content/uploads/2016/12/chto-nelzya-delat-v-novogodnyuyu-noch.jpg);
}

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.