Суть данного урока заключается в изменении картинки, HTML кода, а так же изменение параметров CSS при обновлении страницы. Для начала советую посмотреть пример, а уже потом переходить к коду. Пример работы

Теперь понятно, чем мы сегодня займемся?

Для начала советую скачать урок, чтобы было более понятно то, что я щас расскажу.

Как Вы видите в корне есть файл index.php, а в нем есть 3 важных строчки:

<img src = "rotate_image/rotate.php">
<iframe rel="lightbox" src="rotate_html/rotate2.php" width="500" height="100"></iframe>
<link rel="stylesheet" href="rotate_style/rotate3.php" type="text/css" media="screen" />

1 строчка - подключаем файл для изменения картинок
2 строчка - подключаем файл для смены HTML кода в тегах iframe
3 строчка - подключаем файл для смены CSS настроек

Теперь разберем 1 из файлов rotate.php

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

Данный код создает массив, который указывает, какие файлы нужно использовать для вывода.

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