Как сделать собственную фото-галерею

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

Итак, задача: Фотогалерея с возможностью просмотра фото, группировки по альбомам, слайд-шоу, полноэкранного режима.

Язык: PHP

База: MySQL

Решение: компонент dfGallery.


Недавно состоялся релиз новой версии достаточно интересной бесплатной flash галереи dfGallery, которую уже успели опробовать более 200тысяч человек. Отличительно особенностью галереи есть не только ее внешний вид, а и архитектура. Так, например, она поддерживает возможность настройки внешнего вида через «темы» и «стили». Система управления галереи построена с помощью фреймворка CodeIginter, позволяет управлять множеством галерей и альбомов разных типов.

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

Вот небольшой список функций dfGallery галереи:

  • Поддержка тем, которые позволяют сменить макет (шаблон) галереи.
  • Код галереи можно добавить на любой сайт, блог, страницу Facebook, Myspace и т.п.
  • Поддержка «скинов» — отредактировав PNG файл вы сможете полностью изменить внешний вид галереи.
  • Загрузка фотографий с Flickr и Picasa.
  • Разбиение фотографий на альбомы.
  • Полный контроль и управление галереей с помощью админ панели.
  • Одновременная загрузка нескольких изображений (Ajax).
  • Добавление фоновой музыки в галерею.
  • Полноэкранный режим для отображения изображений в лучшем качестве.
  • И многое другое в следующих версиях…

Мне лично очень понравилось, весьма функциональная фотогалерея для любого проекта. Если вы захотите себе ее установить, вот небольшой алгоритм и описание процесса настройки. Кстати, перед началом работы ознакомьтесь с техническими требованиями и убедитесь, что ваш сервер поддерживает Apache rewrite module, и там установлено PHP 5+ с активированными модулями php_json и php_curl.

Установка галереи dfGallery

1. Загружаем архив dfGallery  галереи (2Mb, зеркало), распаковываем его и заливаем на FTP сервера. При этом  предоставляем права чтения/записи (777) на файлы app/config/database.php и app/config/dfg/upgrade_state.php.

2. Создаем новую базу данных. Да? для системы понадобится БД, хотя требования выше вряд ли бы подошли примитивному хостингу без поддержки MYSQL:) Чуть позже в процессе установки можно будет указать префикс для таблиц. Поэтому, насколько я понял, можно запросто подключить галерею к уже существующей БД (например, от блога на WordPress).

3. Теперь непосредственно установка скрипта — заходим в setup: ваш_домен/путь_к_галерее/admin/setup. При наличии проблем с правами на файлы, система подскажет где что нужно подправить. Далее указываем параметры доступа к базе данных, а также префикс, если хотите.

подключение к базе данных

После окончания процесса вы получите пароль для доступа в админку. Автор рекомендует его поменять первым же делом.

4. При работе я заметил, что система dfGallery не дружит с русскими буквами, что, конечно, недопустимо:) Но, судя по использованию PHP5 их поддержка должна быть. В общем, зашел в базу данных через phpmyadmin и обнаружил у всех таблиц в поле collation установленное значение latin1_swedish_ci. Поэтому для таблиц, самой БД и полей каждой таблицы, где встречается эта кодировка нужно указать вместо нее utf8_general_ci. Для этого в phpmyadmin используется кнопка Operations либо, если вы продвинутый пользователь, можете попробовать обойтись MYSQL запросом.

настройки в phpmyadmin

После этого у меня русские тексты начали отображаться правильно.

6. Теперь можно создавать/наполнять галереи. Каждая галерея может содержать в себе подкатегории — альбомы. При создании альбома вы можете указать его тип, который определит будут ли фотографии грузится с локального компьютера либо сервисов Flickr и Picasa. Загружаем в систему только большие изображения, превью будут созданы автоматически. Для каждой фотографии можно добавить заголовок. После создания альбома все названия можно будет изменить.

Галереям и альбомам можно задавать разные настройки. Сейчас это размер изображения для вторых, а для первых — возможность задать скорость смены фотографий для слайдшоу и mp3 файл для фоновой музыки. Все это производится в меню Config.

Чуть дальше есть кнопка , которая позволит получить HTML код созданной вами галереи. Здесь нужно будет задать ее ширину и высоту – если пишите в пикселях, то указываете просто цифры без px. Можно использовать проценты. Дальше этот код вы можете добавить в обычную пустую html страницу или вставить в блог, профиль социальной сети и т.п.

Вот такая прикольная фича. А функциональность и простота просто захватывают.

 

ENJOY


Как сделать собственную фото-галерею: 1 комментарий

Обсуждение закрыто.