Полюбите код! И он полюбит Вас!

Последние комментарии:

Марат : Для этого и делали! Рад, что помог! Приходите ещё! далее

2018-02-16 20:31:51



Виктор : Спасибо! Очень полезная статья. Нужно было очистить всю базу данных, далее

2018-02-16 20:30:13



Евгений : Спасибо за перевод sublime!!!! далее

2018-02-15 16:42:05



Марат : Вообще, после написания статьи - у них вышло обновление, может далее

2018-02-13 19:19:01



Сергей : Доброе время суток!После правки кода, капчи вообще нет! Ни старой, далее

2018-02-13 19:10:15



Это интересно:

Рейтинги страниц.

Вы здесь - Главная - PHP - время в php.

Смена изображения

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

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

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

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

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

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

1.

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

1.а.

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

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

2.а.

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

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

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

<?php

$now_hours = date('G');

if($now_hours<7)

{

$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';

}

?>

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 ;

}

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

3.

Мой вариант смены логотипа по времени.

И вот мы дошли до моего варианта смены изображения. Мне показалось интересным ходом, если на сайте будет меняться логотип относительно великих дат (9 мая) и просто дней, в которые были какие-то замечательные события, либо наоборот – печальные (22 июня)! И сделать соответствующие страницы, и чтобы там была ссылка на эту страницу.

На самом деле верхние варианты довольно просты и эффективны! Но! Всё-таки моя задача, немного сложнее, потому, что мне нужно выводить разные элементы, а минимум 3. Саму картинку – относительно даты, ссылку на страницу, и мой собственный логотип на этой картинке.  Не будем же мы к 365 картинок прикреплять каждый раз свой логотип! И в случае, если нет как-то прописанной даты в коде – простой логотип сайта!

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

Создадим переменную $today, которая будет определяться функцией date, с разрешением: днем(d) и месяцем (m)

$today = date("d-m");

Далее

Для каждого события создадим переменную, которая будет равна соответствующему дню, вот для примера три дня:

$logo_today_09_05 = "09-05";

$logo_today_12_06 = "12-06";

$logo_today_22_06 = "22-06";

Далее нам нужно условие:

Если  $today равна $logo_today_09_05(а $logo_today_09_05 равна  9 маю), то выводим нужную информацию.

if ($today == $logo_today_09_05)    { echo  ‘ВЫВАОД НУЖНОЙ ИНФОРМАЦИИ'; }

И соберем весь код…

<?php

$today = date("d-m");

$logo_today_09_05 = "09-05";

$logo_today_12_06 = "12-06";

$logo_today_22_06 = "22-06";

if ($today == $logo_today_09_05)    { echo '<div id="Logo - моего сайта">

<div class="logo_today_09_05"></div>

              <a href="ССЫЛКА">

<div class="КЛАСС №1">

</div>

</a>

</div>'; }

if ($today == $logo_today_12_06)    { echo '<div id="Logo - моего сайта">

<div class="logo_today_12_06"></div>

            <a href="ССЫЛКА №2">

<div class="КЛАСС №2 ">

</div>

</a>

</div>'; }

if ($today == $logo_today_22_06)    { echo '<div id="Logo - моего сайта">

<div class="logo_today_22_06"></div>

              <a href="ССЫЛКА №3">

<div class="КЛАСС  №3">

</div>

</a>

</div>'; }

else  { echo '

<div id="ПО УМОЛЧАНИЮ – ЕСЛИ НЕТ ОПРЕДЕЛЕННОГО ДНЯ">

<div class="КЛАСС ПО УМОЛЧАНИЮ "></div>

</div>'; }?>

+ Нам нужно сделать соответстующие изображения, в данном случае для трех классов!

class="logo_today_09_05"

class="logo_today_12_06"

class="logo_today_22_06"

И собственно, чуть не забыл создаем див с кодом, который нам нужно пометить туда, куда вам нужно, в данном случае у меня это  Header.

<div><?php include ("созданный файл с кодом");?></div>

Либо, если вы планируете размещать код на одной странице, скрпт с условиями и переменными сверху, а внизу будет вывод переменной… $today

<div class="<?php echo $today; ?>"></div>

Вот в принципе и всё!

Скопировать.

Понравилась статья!? Не стесняйся – поделись ссылкой!

И!

Пожалуйста! Если вам не трудно - прокомментируйте то, что вы прочитали! Вам понравилось, или не понравилось! Напишите, какие мысли возникли у вас, и это бесплатно для вас, но очень ценно для нас!!! Всё, что вы здесь видите - это написано для вас! Никаким другим образом мы не можем понять вашу реакцию. Может, что-то стоит добавить или наоборот убрать. Либо, что-то стоило изменить...

P.S.

25 октября 2017

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

Почему стоит подписаться на наши новости!?

Расскажу историю, вчера искал ответ на один из вопросов (конечно, я могу и сам написать, но чаще всего, вначале, ищу в интернете, может есть готовое решение…) и было множество вариантов, которые были описаны, но ни одного, с примерами! И мало того, что они предлагают решения, которые непонятно как реализовывать, особенно новичкам, у которых больше вопросов, чем ответов. Так они еще и не работают!

У нас же, на сайте – только рабочие проверенные скрипты! Полностью с описанием и с примерами! И реализовать может человек с нулевыми знаниями!

Мы есть здесь:

Проголосовать за статью!
  С 24 сентября мы запускаем новый скрипт в тестовом режиме (только свои скрипты)
  Вы можете проголосовать за понравившуюся статью.

  Еще никто не проголосовал
    


Просмотров 922

Друзья!

Для того, чтобы вы получили бесплатную информацию, мы потратили и время и деньги!

Мы существуем от кликов по рекламе!

Если вы не нашли подходящего блока объявлений, то вы еще можете помочь проекту!

Не стесняйтесь!

Даже самая маленькая сумма будет употреблена на продвижение и улучшение проекта!

Заранее благодарим Вас!

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

Для отображения аватара после отправки сообщения, необходимо быть зарегистрированным в Граватаре.



Комментарии (3)

Вы просматриваете: http://dwweb.ru/Php/TIME/Smena-Izobragenia.html
Full StarFull StarFull StarFull StarEmpty Star 4/5 (1)
Gravatar
Сергей (Москва)
Благодарю за то, что пишите для начинающих! Я как раз представитель многочисленной армии чайников в PHP, хотелось бы поставить что-то живенькое на сайт, а знаний не хватает... Для начала не могу угадать почему второй код надо ставить перед первым, далее не понятно как вообще ... Читать дальше
Администратор:
Ну я и сам не профи .. это всего лишь хобби… но все равно спасибо...
1. Первый бесплатный - главный совет, если, что то не понятно как работает… делаем простую страницу html в которой прописываем тот код... если и там не работатет... то проверяем каждый кусок кода и выводим каждую переменную по очереди...
2.Срабатывание условий ... во внутрь ставим, что-то типа echo 'ПРИВЕТ';
3.Срабатывание кода идет сверху вниз, если вам что-то требуется вывести в html из php, то логично, что если код поставить вниз после html, то в html ничего не попадет…
4.Про примеры… не знаю… может быть когда-нибудь…
17/12/2017 11:42
Gravatar
Сергей
я примерно так и действовал, получилось запустить смену картинок по расписанию.
Спасибо!
18/12/2017 22:42
Gravatar
Марат
Всегда пожалуйста! Заходите ещё!
19/12/2017 06:09
Страница 1 из 1

* Обязательные поля
(Не публикуется)
 
Жирный Курсив Подчеркнутый Перечеркнутый Степень Индекс Код PHP Код Кавычки Вставить линию Вставить маркированный список Вставить нумерованный список Вставить ссылку Вставить e-mail Вставить изображение Вставить видео
 
Улыбка Печаль Удивление Смех Злость Язык Возмущение Ухмылка Подмигнуть Испуг Круто Скука Смущение Несерьёзно Шокирован
 
5000
Напишите слово топор наоборот.
 
(введите ответ)
 
Уведомлять о новых коментариях по почте.
 

Оставить комментарии через вконтакте

Все дела сделаны!

Теперь можно и поиграть!

Понравилась игра!? Растфнуть на весь экран

Улучши поведенческий фактор на своём сайте.

Забери код здесь

Пишем полную инструкцию о пользовании ruweb.net + DirectAdmin

RuWeb.net - гибкий хостинг
Индекс цитирования