Главная
Друзья!
Мы находимся в процессе большой чистки!
Возможны ошибки и кривизна страниц
Просмотреть всё и быстро не возможно!
Если нашли какую-то ошибку, то если вам не трудно напишите здесь адрес...
Сейчас вы здесь :
http://dwweb.ru/page/php/053_smena_izobrajeniya.html

Смена изображения Смена заднего фона автоматически php

PHP | PHP_IMG | FOTO |

Сегодня коснемся такой темы, как смена изображения на сайте! И не просто смена изображения, а автоматическая смена! Конечно! Это касается не только изображения, можно запрограммировать смену чего угодно по времени!

Как и в прошлый раз, мы говорили о строке «вы здесь», что нас немного притомило вставлять наше местоположение на каждую страницу! Так и здесь! Что-то, как-то надоело менять каждый раз изображение, или background вручную! Конечно! Если у вас один сайт  - это ещё как то можно понять, но когда их достаточно много и каждый раз это проделывать по кругу..  начало напрягать!

Вы спросите – а зачем вообще менять изображение на сайте!? Ну, мне кажется, что когда, что-то у вас на сайте меняется – то это оживляет сайт!

В общем, если вы уж здесь, то давайте эту задачку решим!

Но прежде чем писать свой вариант решения смены изображения, хочу сказать, что я и не смотрел в сеть, просто написал, как мне надо было! И прежде чем писать на тему смены изображения, решил посмотреть, что пишут конкуренты…

На данной странице в старом дизайне мы не проверяли работоспособность данного скрипта, но когда пришло время для нового дизайна мы воплощаем в жизнь все скрипты и вот этот, о кортом идет речь выше был не работоспособный! Хотя на вид, вроде бы все в порядке, поэтому мы его модернизировали исправили ошибку + добавили фото и вот результат работы вы можете наблюдать далее!

Скрипт смены изображения по времени дня

1.

Смена изображения по времени суток.

1.а.

Нам нужно создать  див с классом, в которой поставим php код.

<div id="head" class="<?php echo $time; ?>"></div>

2.а.

Зададим для переменной $now_hours функцию date и время G = 24.

Зададим для переменной time условия!

Естественно, что данный код должен быть выше! Угадайте почему!?

$now_hours = date('G');// 

if( $now_hours<7  or  $now_hours>=21 )

{

$time = 'time-night';

}

elseif($now_hours>=7 && $now_hours<=11 )

{

$time = 'time-morning';

elseif($now_hours>11 && $now_hours<=18)

{

$time = 'time-day';

}

elseif($now_hours>18 && $now_hours<=21)

{

$time = 'time-evening';

}

Здесь нам нужно посмотреть, а что собственно возвращает - $now_hours = date("G");

9 - скорее всего это будет московское время

1.в.

Ну и последнее нам нужно прописать стили, в которых нужно будет прописать 4 изображения, которые будут отвечать за  времена суток, напоминаю, что их 4 шт.!

/* Ночь */

 .time-night{background:url(images/night.jpg);}

 /* Утро */

 .time-morning{background:url(images/morning.jpg);}

 /* День */

 .time-day{background:url(images/day.jpg);}

 /* Вечер */

 .time-evening{background:url(images/evening.jpg);}

2.

Смена заднего фона(background) по временам года.

На самом деле – это скрипт, практически тоже самое, только немного по проще, просто потому, что не нужно составлять условия!

Для body применяем класс, который является кодом php.

Которое выводит данные о времени(date), в данном случае месяце(m)

<body class="month-<?php echo date("m"); ?>">Код страницы</ body>

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

/* Зима */

.month-12, .month-01, .month-02 {

background:url /images/winter.jpg ;

}

/* Весна */

.month-03, .month-04, .month-05 {

background:url /images/spring.jpg ;

}

/* Лето*/

.month-06, .month-07, .month-08 {

background:url /images/summer.jpg ;

}

/* Осень*/

.month-09, .month-10, .month-11 {

background:url /images/autumn.jpg ;

}

Надеюсь, вам не нужно объяснять, что изображения и путь вы должны сами создать!

Посмотреть пример и скачать можно по ниже идущей ссылке

Скрипт № 23.1
Название скрипта и номер :Смена изображения по времени дня
Пример - Смена изображения по времени дня
Скачать - архив
Все скрипты на одной странице