Почти на всех сайтах MODX используется галерея изображений. В этом посте я опишу как реализовать данное решение с помощью дополнения Gallery MODX Revolution. Для асинхронной загрузки изображений я буду использовать JAIL (асинхронный jQuery загрузчик изображений) и Lazy Load для постепенной загрузки изображений.
Для того чтобы **создать галерею Gallery MODX Revolution **нам понадобится
- [MODX Revolution;](http://modx.com/revolution/download/)
Не буду объяснять как всё установить из вышеприведенного — ставьте как и где вам удобно. Я предпочитаю assets/templates/site, но для демонстраций я использую assets/templates/demo. Для простоты я просто перетащил загруженные папки и файлы в папку demo.
Итак приступим! Для создания Gallery MODX Revolution Вам необходимо:
- Загрузить на сайт Ваши изображения - менеджере MODX зайдите в Components/Gallery и загрузите ваши изображения, при этом убедитесь в том, что поставили галочку напротив active.
- Создать 3 чанка, как указанно ниже
DemoGalAlbumRowTpl
DemoGalItemThumb
DemoGalleryAlbumTpl
Для тестирования результатов **вывода Gallery MODX Revolution **можно использовать упрощённый шаблон, указанный ниже. Убедитесь в том, что выставлены правильные пути к файлам (проверить это можно через Firebug).
Вот пожалуй и всё. Пожалуйста, снизу можете прокомментировать данный пост.