Замена изображения(фона) по времени в минуту, час, времени дня, года, пример

Как сделать смену картинки по времени, время в данном случае особо не важно! Можно сделать смену картинки в минуту, в полчаса, в час, сутки и т.д! Здесь самая главная проблема получить столько картинок, чтобы они не повторялись!

Смена картинки все способы

1. Вообще о смене картинки по времени
2. Каждую секунду выводить случайное изображение
3. Как выводить новое изображение каждую минуту, каждый час!?
4. Как выводить картинку в соответствии времени суток?!
5. Смена картинки в зависимости от времени года!
6. Смена картинок на сайте из папки с заранее неизвестным количеством
7. Скачать

Вообще о смене картинки по времени

Как можно сменить картинку по времени!?

Как мимум в такой постановке вопроса - у нас две переменные... это время и адрес картинки!

Любое время можно получить, в любом языке программирования!

А вот относительно картинки, можно например, пойти двумя путями!

1). Знать заранее все адреса картинок, которые будут участвовать в смене картинки по времени!

2). И как пример - использовать какую-то папку для складирования туда картинок, фото и т.д. и уже оттуда получать хитрым способом!

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

Если интересно, то давайте продолжим!




Каждую секунду выводить случайное изображение

Начнем с вывода картинки посекундно + случайно...

Чтобы выводить картинку посекундно случайно - надо иметь много картинок в папке! У нас есть такая папка, куда сложены картинки с главной

Получим в переменную scandir, все элементы из папки /__img/__img_rotate добавим путь на сервере $home

$arr = scandir( $home . '/__img/__img_rotate');
Отфильтруем в новый массив $array_img без виртуальных двух директорий . и ..

$array_img = array();

for($i = 0; $i < count($arr); $i++)

{

    if(trim($arr[$i]) != '.' && trim($arr[$i]) != '..' )

    {

    $array_img[]= $arr[$i];

    }

}

В любую переменную сложим случайно выбранное значение массива:

$perem = $array_img[array_rand($array_img)] ;

И выведем в коде картинки:

echo '<img src="/_data/ir/'.$perem.'">';

Соберем весь код вместе:

$arr = scandir( $home . '/__img/__img_rotate');

$array_img = array();

for($i = 0; $i < count($arr); $i++)

{

    if(trim($arr[$i]) != '.' && trim($arr[$i]) != '..' )

    {

    $array_img[]= $arr[$i];

    }

}

$perem = $array_img[array_rand($array_img)] ;

echo '<img src="/_data/ir/'.$perem.'">';

Результат вывода каждую секунду новая картинка:



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




Как выводить новое изображение каждую минуту, каждый час!?

Мы выводили случайную картинку из массива, который и не опубликовали... давайте выведем весь массив картинок, который м ы получали в предыдущем пункте:

print_r($array_img);

Результат:

Array

(

[0] => 300.png

[1] => 404.jpg

[2] => FileZilla.png

[3] => aimp.png

[4] => alfabet.png

[5] => atom.png

[6] => audio.png

[7] => back-top-black.png

[8] => bbcode.png

[9] => board.png

[10] => browsers.png

[11] => canvas.png

[12] => chart.png

[13] => comment.png

[14] => comments.png

[15] => comments_1_3.png

[16] => computer.png

[17] => css.png

[18] => ctrl_plus_enter.png

[19] => database.png

[20] => date.png

[21] => directadmin.png

[22] => dosite.png

[23] => download.png

[24] => dreamweaver.png

[25] => dw-mager.png

[26] => dw-month.png

[27] => dw-year.png

[28] => dw_admin.png

[29] => dw_admin_1_1.png

[30] => dw_admin_2_1.png

[31] => dw_admin_black.png

[32] => dw_blocks.png

[33] => dw_calc.png

[34] => dw_comments.png

[35] => dw_copy.png

[36] => dw_counter_2_0.png

[37] => dw_encode.png

[38] => dw_hide_and_show.png

[39] => dw_skripts.png

[40] => dw_time.png

[41] => dw_youtube.png

[42] => dwform.png

[43] => dwweb.png

[44] => dwweb.ru.png

[45] => encode.png

[46] => engine.png

[47] => flags.png

[48] => font.png

[49] => fontawesome.png

[50] => forum.png

[51] => ftp.png

[52] => function.png

[53] => ggsel.com.png

[54] => google.png

[55] => hosting.png

[56] => htaccess.png

[57] => html.png

[58] => i.png

[59] => iframe.png

[60] => info.png

[61] => jquery.png

[62] => js.png

[63] => js_event.png

[64] => js_jquery.png

[65] => js_keyboard.png

[66] => jsphp.png

[67] => letyshops.png

[68] => link.png

[69] => marrex.png

[70] => math.png

[71] => mistake.png

[72] => more.png

[73] => mouse.png

[74] => news.jpg

[75] => news.png

[76] => no_img.png

[77] => notepad.png

[78] => notepad_0.png

[79] => ok.png

[80] => online.png

[81] => osclass.png

[82] => page.png

[83] => php.png

[84] => qr_kod.png

[85] => question.png

[86] => reg.ru.png

[87] => reyting.png

[88] => robots_txt.png

[89] => rsya.png

[90] => ruweb.net.png

[91] => scripts.png

[92] => server.png

[93] => sublime_text_3.png

[94] => svg.png

[95] => table.png

[96] => time.png

[97] => units.png

[98] => video.png

[99] => visual_studio_code.png

[100] => web.png

[101] => webp.png

[102] => xml.png

[103] => yandex.png

[104] => yandex_webmaster.png

[105] => yoomoney.png

[106] => youtube.png

)

Вы должны спросить - зачем я вывел весь массив с картинками! Он нам понадобится для вывода картинки по списку подряд пойдем сверху вниз...

Нам понадобится две переменные, которые не умрут после перезагрузки страницы - можно использовать сессии!

У нас будет 2 сессии $_SESSION[counter] - это будет счетчик, который будет каждый раз прибавляться +1;

Как только он достигнет конечного значения массива он будет равен 0!

if($_SESSION[counter] == count($array_img)){$_SESSION[counter]=0;}

У нас время будет в секундах - это time(), при условии что прошло времени больше, чем $_SESSION[timer] + 60 - это в данном случае минута, если требуется поставить время на час, то вместо 60 секунд пишем 3600 - это будет час.

Если условие выполняется, то в переменную $_SESSION[counter] делаем плюс 1!

И в наш timer добавляем текущее количество секунд + 60.

А картинка будет уже выводиться по номеру counter, он будет равен от 0 до 107

И в самом конце выводим картинку...

Соберем весь код вместе:

if(!$_SESSION[counter]){$_SESSION[counter]=0;}

if(time() > $_SESSION[timer] + 60)

{

$_SESSION[counter]++;

$_SESSION[timer] = time() + 60;

}

if($_SESSION[counter] == count($array_img)){$_SESSION[counter]=0;}

echo '<img src="/_data/ir/'.$array_img[$_SESSION[counter]].'">';

Результат вывода картинки через минуту! Сейчас $_SESSION[counter] = 1





Как выводить картинку в соответствии времени суток?!

Для того, чтобы выводить картинку в соответствии со временем суток, нам нужно эти время суток определить - их 4, утро, день, вечер, ночь.

У нас есть 4 картинки, которые мы ранее использовали в слайдере


day.png

evening.png

morning.png

night.png

Далее нам потребуются условия, по которым мы будем определить, какое время суток сейчас...

Если date('G')(время в часах без ведущих нулей) менее 6, то присваиваем нашей переменной картинку утро.

if( date('G') < 6)

{

$path = 'morning.png';

}

Как только станет 7, то скрипт пойдет далее... и наткнется на условие, но уже меньше 12, то тогда у нас наступит день... загружаем картинку день!

Как только время пересчет отметку 12 - это будет вечер, выводим картинку вечер, если более 18, то выводим картинку ночь!

Это очень простой скрит...

if( date('G') < 6)

{

$path = 'night.png';

}

elseif(date('G') < 12 )

{

$path = 'morning.png';

}

elseif(date('G') < 18)

{

$path = 'day.png';

}

else

{

$path = 'evening.png';

}

echo '<img src="/__img/php/img_php/'. $path .'">';

Результат вывода картинки в зависимости от времени суток:

Сейчас date('G') равно 9 и выводится картинка = morning.png, т.е. сейчас утро



Смена картинки в зависимости от времени года!

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

autumn.png

spring.png

summer.png

winter.png

На 99% предыдущий скрипт, единственное заменяем букву G на n - это у нас будет месяцы без ведущих нулей:

if( date('n') < 3)
{
$season= 'winter.png';
}
elseif(date('n') < 6 )
{
$season= 'spring.png';
}
elseif(date('n') < 9)
{
$season = 'summer.png';
}
else
{
$season= 'autumn.png';
}
echo '<img src="/__img/php/img_season/'. $season.'">';

Результат вывода картинки в зависимости от времени года:

Сейчас переменная date('n') = 12, а переменная $season = autumn.png, т.е. сейчас "осень"





Смена картинок на сайте из папки с заранее неизвестным количеством

О Смене картинок на сайте из папки с заранее неизвестным количеством не было написано, но вопрос интересный!

На самом деле - это очень просто если понимать алгоритм!

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

Создаем условие фильтрации картинок, пусть это будет разрешение png и занесем все картинки в новый массив(это актуально в том случае, если в папке не только картинки, если в папке одни картинки, то этого условия не нужно! Но не забываем про виртуальные директории):

if(substr_count($array_img, '.png')){ $new_array[] = $array_img[$i];}

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

$home = $_SERVER['DOCUMENT_ROOT'];

$dir = $home . '/путь до папки/';

$array_img = scandir($dir);

$new_array = array();

for ($i=0; $i < count($array_img); $i++) {

if(substr_count($array_img[$i], '.png ')){ $new_array[] = $array_img[$i];}

}

Выдавать изображение из массива с картинками Далее вам нужно условие по которому будет выдаваться картинка из массива $new_array

Условий может быть огромное количество... их все не переберешь, чтобы найти ваш...

Как один из примеров использования такого массива -> вывод картинки списком