Создание галереи в MODx с помощью MaxiGallery


Установка MaxiGallery на сайт с MODx

Сегодня я попробую создать галерею на сайте KANBY Studio, который сделан с использованием CMS MODx. В создании галереи мне поможет дополнение для MODx MaxiGallery.

Для начала необходимо скачать свеженький релиз MaxiGallery. Лучше всего это сделать с официального сайта MODx со страницы самого плагина MaxiGallery. На это вермя последняя версия 0.5.2. Инструкция по установке находится в архиве с дополнением, но на английском языке.

  • Скачиваем архив с дополнением по этой ссылке MaxiGallery
  • Распаковываем архив в корневую директорию нашего сайта
  • Для папки assets/galleries необходимо присвоить права 777
  • Создаем новый сниппет MaxiGallery и помещаем туда содержимое файла maxigallery.txt, который находился в скачанном ранее архиве

На этом подготовительная часть заканчивается.

Теперь необходимо сформировать галерею и встроить ее на страницу нашего сайта.

Добавление галереи MaxiGallery на страницу MODx

Теперь самое время добавить галерею на страницу. Для этого необходимо использовать команду вызова сниппета:

MaxiGallery? &display=`embedded` &embedtype=`slimbox`

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

Добавление галереи MaxiGallery на страницу MODx

Нажимаем Manager pictures (Менеджер изображений).

После этого появляется форма для загрузки картинок. В форме добавляем картинки с компьютера и нажимаем кнопку Upload pictures (Загрузить изображения), которая находится ниже.

После этого у нас должны появиться картинки, которые мы загрузили. Им мы можем присвоить название и описание.

После редактирования жмем Save changes (Сохранить изменения).

 

При просмотре изображений вы должны заметить, что стандартный вывод не очень привлекателен. Поэтому необходимо подключить дополнительный параметры к выводу. Дополнительных параметров для MaxiGallery очень большое количество. Весь список представлен здесь. У меня реализованно вывод так так:

 

&display=`embedded` - выбор типа галереи с наворотами с AJAX

&embedtype=`slimbox` - выбор типа анимации увеличения картинок

Пример работающей галерей на MaxiGallery приведен ниже

MaxiGallery? &display=`embedded` &embedtype=`slimbox`

В заключение

Данный урок возможно расписан скорее на опытных пользователей, нежели начинающих. Если возникли вопросы по статье или установке сниппета, то отписывайтесь в комментариях. Будем разбираться. Удачи!

01.02.2013 Эту страницу просмотрели за все время 12553 раз(а)


ВКонтакте



Twitter


Облако тегов