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

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

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

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] => 404.jpg

[1] => FileZilla.png

[2] => aimp.png

[3] => alfabet.png

[4] => android.png

[5] => archive.png

[6] => atom.png

[7] => audio.png

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

[9] => bbcode.png

[10] => board.png

[11] => browsers.png

[12] => byitovaya_tehnika.png

[13] => canvas.png

[14] => chart.png

[15] => comment.png

[16] => comments.png

[17] => comments_1_3.png

[18] => computer.png

[19] => css.png

[20] => ctrl_plus_enter.png

[21] => database.png

[22] => date.png

[23] => directadmin.png

[24] => dosite.png

[25] => download.png

[26] => dreamweaver.png

[27] => dw-mager.png

[28] => dw-month.png

[29] => dw-year.png

[30] => dw_admin.png

[31] => dw_admin_1_1.png

[32] => dw_admin_2_1.png

[33] => dw_admin_black.png

[34] => dw_blocks.png

[35] => dw_calc.png

[36] => dw_comments.png

[37] => dw_copy.png

[38] => dw_counter_2_0.png

[39] => dw_encode.png

[40] => dw_hide_and_show.png

[41] => dw_skripts.png

[42] => dw_time.png

[43] => dw_youtube.png

[44] => dwform.png

[45] => dwweb.png

[46] => dwweb.ru.png

[47] => dzen.ru.png

[48] => encode.png

[49] => engine.png

[50] => flags.png

[51] => font.png

[52] => fontawesome.png

[53] => forum.png

[54] => foto.png

[55] => ftp.png

[56] => function.png

[57] => ggsel.com.png

[58] => google.png

[59] => gosuslugi.png

[60] => hosting.png

[61] => htaccess.png

[62] => html.png

[63] => humor.png

[64] => i.png

[65] => ibrovser.png

[66] => idisk.png

[67] => iframe.png

[68] => img.png

[69] => info.png

[70] => jquery.png

[71] => js.png

[72] => js_event.png

[73] => js_jquery.png

[74] => js_keyboard.png

[75] => jsphp.png

[76] => kitchen.png

[77] => klava.png

[78] => link.png

[79] => math.png

[80] => mistake.png

[81] => money.png

[82] => more.png

[83] => mouse.png

[84] => news.png

[85] => no_img.png

[86] => notepad.png

[87] => notepad_0.png

[88] => ok.png

[89] => online.png

[90] => osclass.png

[91] => page.png

[92] => paint.png

[93] => people.png

[94] => php.png

[95] => programs.png

[96] => qr_kod.png

[97] => question.png

[98] => reg.ru.png

[99] => remont.png

[100] => reyting.png

[101] => robots_txt.png

[102] => rsya.png

[103] => rustore.png

[104] => ruweb.net.png

[105] => scripts.png

[106] => server.png

[107] => sublime_text_3.png

[108] => svg.png

[109] => table.png

[110] => tehnika.png

[111] => time.png

[112] => units.png

[113] => video.png

[114] => visual_studio_code.png

[115] => vneshposyiltorg.png

[116] => web.png

[117] => webp.png

[118] => windows.png

[119] => word.png

[120] => writer.png

[121] => xiaomi.png

[122] => xml.png

[123] => yandex.png

[124] => yandex_webmaster.png

[125] => yoomoney.png

[126] => 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 до 127

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

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

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="/_data/img/background/'. $path .'">';

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

Сейчас date('G') равно 18 и выводится картинка = evening.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="/_data/img/background/'. $season.'">';

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

Сейчас переменная date('n') = 6, а переменная $season = summer.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

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

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