dfGallery 2.0 – скрипт бесплатной Flash галереи сайта
Недавно состоялся релиз новой версии достаточно интересной бесплатной flash галереи dfGallery, которую уже успели опробовать более 200тысяч человек. Отличительно особенностью галереи есть не только ее внешний вид, а и архитектура. Так, например, она поддерживает возможность настройки внешнего вида через «темы» и «стили». Система управления галереи построена с помощью фреймворка CodeIginter, позволяет управлять множеством галерей и альбомов разных типов.
В общем, скрипт, или я бы даже сказал система, очень интересная. Выглядит весьма стильно, работать с ней просто, установка займет тоже не слишком много времени. Ее, по сути, можно установить на любую CMS или блог, она не привязана к какому-то конкретному движку. Как и вставка видео на сайте это позволит оживить визуальную составляющую проекта.
Вот небольшой список функций dfGallery галереи:
- Поддержка тем, которые позволяют сменить макет (шаблон) галереи.
- Код галереи можно добавить на любой сайт, блог, страницу Facebook, Myspace и т.п.
- Поддержка «скинов» — отредактировав PNG файл вы сможете полностью изменить внешний вид галереи.
- Загрузка фотографий с Flickr и Picasa.
- Разбиение фотографий на альбомы.
- Полный контроль и управление галереей с помощью админ панели.
- Одновременная загрузка нескольких изображений (Ajax).
- Добавление фоновой музыки в галерею.
- Полноэкранный режим для отображения изображений в лучшем качестве.
- И многое другое в следующих версиях…
Мне лично очень понравилось, весьма функциональная фотогалерея для любого проекта. Если вы захотите себе ее установить, вот небольшой алгоритм и описание процесса настройки. Кстати, перед началом работы ознакомьтесь с техническими требованиями и убедитесь, что ваш сервер поддерживает Apache rewrite module, и там установлено PHP 5+ с активированными модулями php_json и php_curl.
Установка галереи dfGallery
1. Загружаем архив dfGallery галереи с официального сайта, распаковываем его и заливаем на 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 запросом.
После этого у меня русские тексты начали отображаться правильно.
6. Теперь можно создавать/наполнять галереи. Каждая галерея может содержать в себе подкатегории — альбомы. При создании альбома вы можете указать его тип, который определит будут ли фотографии грузится с локального компьютера либо сервисов Flickr и Picasa. Загружаем в систему только большие изображения, превью будут созданы автоматически. Для каждой фотографии можно добавить заголовок. После создания альбома все названия можно будет изменить.
Галереям и альбомам можно задавать разные настройки. Сейчас это размер изображения для вторых, а для первых — возможность задать скорость смены фотографий для слайдшоу и mp3 файл для фоновой музыки. Все это производится в меню Config. Это куда более сложная конструкция нежели слайдер Owl Carousel 2 для сайта.
Чуть дальше есть кнопка, которая позволит получить HTML код созданной вами галереи. Здесь нужно будет задать ее ширину и высоту – если пишите в пикселях, то указываете просто цифры без px. Можно использовать проценты. Дальше этот код вы можете добавить в обычную пустую html страницу или вставить в блог, профиль социальной сети и т.п.
Вот пример того, что у меня получилось (загрузка может занять некоторое время, т.к. там не самый быстрый хостинг, а здесь нет PHP5):
Фотографии, кстати, из проекта Boston Globe — новости в фотографиях (The Big Picture) — я писал об этом потрясающем фотоблоге на Дизайн Мании.
Страница с описанием галереи доступна также на сайте разработчиков. Это один западный дизайнерский блог, в скором времени обещают открыть под галерею отдельный раздел. Там же вы найдете видео всего процесса установки.