phpjsJqueryhtmlcssblog

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

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

Может ли быть, данная смена изображения, сменой заднего фона на сайте!? Естественно, только вместо вывода картинки ставим стили для заднего фона и соответственно картинка будет меняться на заднем фоне страницы сайта - это по моему логично! -> здесь о заднем фоне мы говорили

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

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="/__img/__img_rotate/'.$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="/__img/__img_rotate/'.$perem.'">';

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



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

Скопировать ссылку



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

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

print_r($array_img);

Результат:

Array

(

[0] => 300.png

[1] => 404.jpg

[2] => FileZilla.png

[3] => alfabet.png

[4] => atom.png

[5] => audio.png

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

[7] => bbcode.png

[8] => board.png

[9] => browsers.png

[10] => canvas.png

[11] => chart.png

[12] => comment.png

[13] => comments.png

[14] => comments_1_3.png

[15] => computer.png

[16] => css.png

[17] => ctrl_plus_enter.png

[18] => directadmin.png

[19] => dosite.png

[20] => download.png

[21] => dreamweaver.png

[22] => dw-mager.png

[23] => dw-month.png

[24] => dw-year.png

[25] => dw_admin.png

[26] => dw_admin_1_1.png

[27] => dw_admin_2_1.png

[28] => dw_blocks.png

[29] => dw_calc.png

[30] => dw_comments.png

[31] => dw_copy.png

[32] => dw_counter_2_0.png

[33] => dw_encode.png

[34] => dw_hide_and_show.png

[35] => dw_skripts.png

[36] => dw_youtube.png

[37] => dwform.png

[38] => dwweb.png

[39] => dwweb.ru.png

[40] => engine.png

[41] => flags.png

[42] => fontawesome.png

[43] => forum.png

[44] => ftp.png

[45] => function.png

[46] => ggsel.com.png

[47] => google.png

[48] => hosting.png

[49] => htaccess.png

[50] => html.png

[51] => iframe.png

[52] => info.png

[53] => its_me.png

[54] => jquery.png

[55] => js.png

[56] => js_event.png

[57] => js_jquery.png

[58] => js_keyboard.png

[59] => jsphp.png

[60] => letyshops.png

[61] => link.png

[62] => marrex.png

[63] => math.png

[64] => mistake.png

[65] => more.png

[66] => mouse.png

[67] => news.jpg

[68] => news.png

[69] => no_img.png

[70] => notepad.png

[71] => notepad_0.png

[72] => online.png

[73] => osclass.png

[74] => page.png

[75] => php.png

[76] => qr_kod.png

[77] => question.png

[78] => reg.ru.png

[79] => reyting.png

[80] => robots_txt.png

[81] => rsya.png

[82] => ruweb.net.png

[83] => scripts.png

[84] => sublime_text_3.png

[85] => svg.png

[86] => table.png

[87] => time.png

[88] => video.png

[89] => visual_studio_code.png

[90] => xml.png

[91] => yandex.png

[92] => yandex_webmaster.png

[93] => yoomoney.png

[94] => 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 до 95


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

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

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="/__img/__img_rotate/'.$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') равно 0 и выводится картинка = night.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') = 9, а переменная $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

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

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

Еще никто не прокомментировал! COMMENTS+   BBcode

Подписаться + =

---