Смена картинки в зависимости от месяца

Недавно меня спросили как изменять картинку в шапке сайта в зависимости от времени года? И в голову пришёл самый простейший (по-моему) способ — это использовать CSS и немного PHP.

Будем менять картинку в зависимости от текущего месяца с помощью css и php. Пример можно лицезреть в правом сайдбаре моего блога.

В нужное нам место на сайте вставляем код:

<div class="calend-<?php echo date('m'); ?>">
...
</div>

А в файле css пишем стили для каждого месяца, например:

.calendd-01, .calendd-02, ..., .calendd-12 {
	height: 100px;
	width: 250px;
}
 
.calendd-12, .calendd-01, .calendd-02 {
	background: url('images/winter.png') no-repeat;
}
 
.calendd-03, .calendd-04, .calendd-05 {
	background: url('images/spring.png') no-repeat;
}
 
.calendd-06, .calendd-07, .calendd-08 {
	background: url('images/summer.png') no-repeat;
}
 
.calendd-09, .calendd-10, .calendd-11 {
	background: url('images/autumn.png') no-repeat;
}

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

2 комментария
Владимир — 26.08.2011

Здраствуйте. А системное время для сравнения берется, какое? Пользователя или сервера хостера?

Sergey Zhuzhgov — 26.08.2011

В данном примере берётся время сервера, но ничего сложного не составит сделать пользовательское.

Оставить комментарий: