Все ленты — последние статьи

PHP Random Image Rotation — случайное изображение на сайте

СКАЧАТЬ ВСЕ ФАЙЛЫ

В этом уроке мы сделаем вывод изображения на сайт из папки случайным образом с помощью скрипта PHP Random Image Rotation — это основная функция скрипта. Также с помощью этого же скрипта сделаем вывод случайной html-страницы через iframe и случайной таблицы стилей CSS.
demosourse

1. Случайное изображение. Создадим папку на сервере rotate_image и туда положим изображения и сам скрипт rotate.php (изображения желательно привести к одному размеру, например 400*100 px)
В нужном месте страницы вставляем очень простой код:

<img src="/ rotate_image /rotate.php" alt="Случайное изображение" width="400" height="100" />

Все. Наш скрипт работает.

 

В файле rotate.php есть несколько настроек:

$folder = '.' ;

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

$extList = array();
$extList['gif'] = 'image/gif';
$extList['jpg'] = 'image/jpeg';
$extList['jpeg'] = 'image/jpeg';
$extList['png'] = 'image/png';

- В этом массиве указываем какие типы файлов "подцеплять" из папки.

2. Случайный html. Все аналогично, только файлы мы будем "крутить" через фрейм:

<iframe src="/rotate_html/rotate2.php" width="500" height="100">

В скрипте (rotate_html/rotate2.php) мы в массиве $extList укажем, что "подцеплять" нужно html файлы:

$extList = array();

$extList['html'] = 'text/html';

$extList['htm'] = 'text/html';

3. Случайный css. Все аналогично, между тэгами <head> вместо какой-либо таблицы стилей "подцепим скрипт":

<link rel="stylesheet" href="/rotate_style/rotate3.php" />

А в скрипте(rotate_style/rotate3.php) в массиве $extList укажем, что "подцеплять" нужно css файлы:

$extList = array();

$extList['css'] = 'text/css';

Файлы rotate.php, rotate2.php, rotate3.php — один и тот же скрипт, разница лишь в содержании массива $extList.
Вот и все, пользуйтесь на здоровье