Автоматическая генерация фотогалереи из картинок в каталоге

Два года назад Крис Койер написал подробное руководство о том, как можно создать фотогалерею на основе изображений, находящихся в двух каталогах: изображений и их миниатюр. Мы решили взять его руководство за основу и доработать.

Мы покажем вам, как можно сгенерировать миниатюры изображений для галереи с помощью PHP. Мы также реализовали MooTools lightbox: Smoothbox.

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

CSS

Изображения/ссылки будут размещаться рядом друг с другом. Другой вариант — использовать таблицу.

PHP:Функции

Мы будем использовать три функции для обеспечения работоспособности автоматической генерации: get_files (извлекает все файлы в заданном каталоге), get_file_extension и make_thumb (генерируют миниатюры из исходных изображений). Это хорошие функции, их можно также использовать и для других целей.

PHP:Настройка и генерация HTML

Первый шаг — объявление простых настроек, в которых будут прописаны путь каталога изображений, путь к каталогу миниатюр, ширина миниатюр, а также количество изображений в строке. Работа генерации начинается с того, что округляется общее количество изображений до количества кратному количеству изображений в строке. Для каждого изображения в галереи проверяем существование его миниатюры. Если миниатюры нет, то генерируем ее с помощью PHP. Как только создается миниатюра, выводим HTML ссылку/изображение. Назначаем элементу A CSS класс “smoothbox”, таким образом Smoothbox будет увеличивать изображение при наведении на него курсором мышки.

MooTools JavaScript / Smoothbox

Все что вам нужно, так это включить JavaScript файл. Все.

Пример


Один комментарий на “Автоматическая генерация фотогалереи из картинок в каталоге

Оставить комментарий