- Подробности
-
Категория: PHP. Графика
СКАЧАТЬ ВСЕ ФАЙЛЫ
В этом уроке мы сделаем вывод изображения на сайт из папки случайным образом с помощью скрипта 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.
Вот и все, пользуйтесь на здоровье
