Уроки html і css, як созадана фотогалерею evogallery на modx, уроки modx evo, адаптивні слайдери

EvoGallery - дозволяє створювати галерею зображень на MODx Evolution.

Приклад реалізації EvoGallery можна подивитися на сторінці Evo_Gallery.

Фотогалерея включає три альбоми, які виводяться на сторінку Evo_Gallery. Тобто для ресурсу Evo_Gallery треба створити три дочірніх ресурсу Альбом 1, Альбом 2, Альбом 3. Див. малюнок 1.

При натисканні на мініатюру, з'являється збільшене зображення засобами скрипта FancyBox. Тому нам знадобиться ще цей скрипт.

Інструкція по створенню такої галереї

2. В архіві дві папки: «assets» і «install». Архів треба розпакувати на сервер в папку www. при розпакуванні підтвердити злиття папок.

З'явиться установка модуля MODx Gallery, яка включає наступні етапи:

  • вибір мови. Русский;
  • вибір параметрів. Залишаєте так, як є (модуль, плагін і сниппет);
  • перевірка перед установкою. Погоджуємося з ліцензією, тиснемо кнопку «Далі»;
  • результати установки. Зверніть увагу на пункт «Видалити папку і файлів програм з мого сайту». Обов'язково олжна стояти галочка;
  • установка завершена. Тиснемо «Закрити», і входимо в панель адміністратора, ввівши логін і пароль.

4. Завантажуємо архів скрипта FansyBoxздесь. І розпаковуємо в папку assets / js / gallery /. Див. Малюнок нижче.

5. Створюємо окремий шаблон evo_gallery. У цьому шаблоні в (Або перед закриває ) Вставляємо наступний код:

6. Створюємо ресурс Evo_Gallery з шаблоном evo_gallery. на сторінку якого будуть виводитися фотоальбоми. Описи для ресурсу можуть бути такими (рис. 3).

На сторінці Evo_Gallery вставляємо виклик сниппета EvoGallery:

Тут використані наступні параметри:

8. Створюємо чанк item-list з кодом:

11. У шаблоні evo_gallery в вставляємо таблицю стилів:

12. Зараз треба завантажити фотографії в наші альбоми. Завантажуємо архів для альбомів тут.

Заходимо в адміністративну панель, і переходимо по посиланню в меню: Модулі - EvoGallery.

Кількома по «Evo_Gallery». потім «Альбом 1». Кількома по кнопці «SelectFiles», з'являється вікно вибору зображень. З розпакованих файлів знаходимо папку «Альбом 1». Виділяємо всі і натискаємо кнопку «Відкрити».

Далі слід натиснути посилання «Завантажити файли» і дочекатися закінчення завантаження.

Якщо це не допомагає, то спробуйте прописати в .htaccess наступне:

php_value upload_max_filesize 20M
php_value post_max_size 20M
php_value max_execution_time 100

Це збільшить розмір закачування до 20Мб, а час виконання до 100 секунд.

Новини Інтернет

Схожі статті