Как вывести разные картинки в разное время года?

Question

[Алексей Королёв]

Подскажите как можно организовать вывод логотипа сайта под каждый сезон года? То есть летом будет отображаться один, весной другой, зимой третий и осенью четвёртый.

Comments

[Demigodd]

Как нибудь на серверной части получаешь сегодняшнюю дату и проверяешь если Декабрь, Январь, Февраль то Зима, значит надо показать Эту картинку.
На Frontende, такого лучше не делать так как Javascript в основном берет, дату с компьютера и пользователь может изменить дату на своем ПК и т.д.
Вообще, лучше такую логику написать на серверной части.

Answer 1

[quake4fun]

#logo {
		background:#ccc;
		height:50px;
		width:100px;
		border:1px solid;
	}
	#logo.s0,#logo.s1,#logo.s2 {
		background:#ccc111;
	}
	#logo.s3,#logo.s4,#logo.s5 {
		background:#111ccc;
	}
	#logo.s6,#logo.s7,#logo.s8 {
		background:#c1c1c1;
	}
	#logo.s9,#logo.s10,#logo.s11 {
		background:#1c1c1c;
	}

<div id="logo"></div>

var date = new Date();
	document.getElementById("logo").classList.add('s'+date.getMonth());

Comments

[Александр Шемаханов]

quake4fun позвольте поправлю))

#logo {
    background:#ccc;
    height:50px;
    width:100px;
    border:1px solid;
  }
/* Зима */
  #logo.11,#logo.0,#logo.1 {
    background:#ccc111;
  }
/* Весна */
  #logo.2,#logo.3,#logo.4 {
    background:#111ccc;
  }
/* Лето */
  #logo.5,#logo.6,#logo.7 {
    background:#c1c1c1;
  }
/* Осень */
  #logo.8,#logo.9,#logo.10 {
    background:#1c1c1c;
  }

Так всё-таки более реалистичнее

[Ankhena]

Александр Шемаханов, только буквы у классов верните.

quake4fun И я бы прибавила единичку, чтобы было с 1 до 12, а не с 0 до 11. И всё это на бэкэнде, а не на фронте.