OrdaSoft Image Gallery (OS Responsive Image Gallery или OrdaSoft Responsive Image Joomla Gallery) – это компонент Джумла 4 для создания галерей изображений, видео, с Youtube или Vimeo, (рисунок ниже) и аудио.
Видео обзор
- Компонент – 00:01:07.
- Галерея Joomla 4 – 00:01:39.
- Настройки галереи (вкладка «General») – 00:03:29.
- Вкладка «Fancybox» – 00:06:26.
- Вкладка «Watermark» – 00:07:50.
- Вкладка «Social Buttons» – 00:08:45.
Ссылки из видео:
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в YouTube и Mail.ru.
Компонент также поддерживает 3-ю версию Джумлы. Есть бесплатная и платаная версии. В состав расширения входит компонент и модули. Во фронтальной части сайта можно выводить галереи при помощи пунктов меню, модулей или специального тега, добавленного, например, в материал. Есть поддержка адаптивного дизайна, мультиязычности, возможности загрузки изображений простым перетаскиванием мыши и т.д. У Вас не будет ограничений по количеству создаваемых категорий или загружаемых изображений.
Примеры галерей Вы можете посмотреть на демонстрационном сайте разработчика.
Если Вас интересуют альтернативные расширения этого типа, рекомендую ознакомиться с данным разделом, в котором Вы найдёте обзоры разных галерей, слайдеров и слайд-шоу для Joomla.
На официальном сайте расширений Joomla 64 отзыва, расширение добавлено 19 ноября 2014 года.
- Общий рейтинг – 5 из 5.
- Функциональность – 5 из 5.
- Простота использования – 5 из 5.
- Поддержка – 5 из 5.
- Документация – 5 из 5.
В обзоре участвует последняя доступная мне, на момент написания статьи (25.03.2022), англоязычная версия OrdaSoft Image Gallery 6.1.20 Pro в Joomla 4.1.0 и англоязычным быстрым стартом шаблона «Vehicle Booking» j405.2021.12.15.
Основные возможности и особенности
Есть бесплатная и платная версия. Сравним их возможности.
Возможности и особенности | Basic | Pro |
Цена | 0 $ | 29 $ |
Загрузка фотографий в ZIP архиве | - | + |
Загрузка фотографий из папки (рисунок ниже) | - | + |
Видео (с Youtube или Vimeo) и аудио. В качестве альтернативного расширения для вставки видео рекомендую рассмотреть бесплатный модуль 4Video. | - | + |
Кнопки шэринга в Facebook, Twitter, Pinterest, Linkedin, ВКонтакте, Одноклассники (пример) | - | + |
Кнопка загрузки фотографий | - | + |
Водяной знак (изображение или текст) | - | + |
Настройки Fancybox | - | + |
Кнопка «Загрузить ещё» (LazyLoad), загрузка фотографий при прокрутке страницы, автоматическая загрузка фотографий. Неограниченное количество изображений с быстрой загрузкой страниц | - | + |
Поддержка от разработчика | - | + |
Импорт настроек из другой галереи OrdaSoft Responsive Image Joomla Gallery (в рамках одного сайта) | - | + |
Сортировка изображений по дате их загрузки, имени файла, заголовку | - | + |
Ссылка на сайт разработчика | + | - |
Отображение заголовка и описания поверх изображения | 1 макет | 6 макетов и дочерние макеты |
Отображение заголовка и описания вверху изображения | 1 макет | 6 макетов и дочерние макеты |
Отображение заголовка и описания внизу изображения | 1 макет | 6 макетов и дочерние макеты |
Макеты галереи | 1 макет | 6 макетов и дочерние макеты |
Анимационный эффект по наведению на изображение | 2 эффект | 12 эффектов |
Маска на изображения (пример круговой маски) | 5 масок | 27 масок |
Анимационный эффект отображения изображений | 1 эффект | 20 эффектов |
Возможности и особенности | Basic | Pro |
+ | + | |
Поддерживаемые форматы изображений: jpeg, png, gif, webp | + | + |
Оптимизированная скорость загрузки админки и сайта. Пример галереи с более чем 100 изображениями на одной странице | + | + |
Загрузка изображений их простым перетаскивание мышью | + | + |
FancyBox (модальное/всплывающее окно) | + | + |
Слайдер с управлением жестами внутри FancyBox | + | + |
Адаптивный дизайн (рисунок ниже) | + | + |
Неограниченное количество изображений, категорий, галерей | + | + |
+ | + | |
Короткие коды для галерей, категорий, изображений (пример) | + | + |
Сортировка изображений путём их перетаскивания мышью (ручная сортировка) | + | + |
Также стоит отметить такие особенности и возможности галереи Joomla 4:
- Простая настройка.
- Возможность выводить галереи при помощи пунктов меню, модулей или специального тега, добавленного, например, в материалы.
- Переключение между изображениями при помощи стрелочек навигации.
- Отображение миниатюр изображений в правой части галереи (рисунок ниже).
- SEO оптимизация. Возможность добавления заголовка, алиаса, ALT и описания к изображениям.
- Компонент работает не только на профессиональном хостинге, но и на общем.
- Интеграция с OrdaSoft CCK, K2 и VirtueMart.
Галерея Joomla 4
В компоненте Вы сможете создавать и управлять самими галереями (рисунок ниже). Иерархия такова:
- Галерея.
- Категория галереи.
- Изображение (видео или аудио).
Галерея может содержать одну или несколько категорий. Категория может содержать одно или несколько изображений (видео или аудио). Одно изображение может (видео или аудио) может быть в одной или нескольких категорий в рамках одной галереи.
В настройках галереи Джумла 4 Вы сможете включить применение мультиязычности и настроить права доступа на выполнение различных действий тем или иным группам пользователей (рисунок ниже).
Вы сможете загружать изображения при помощи их простого перетаскивания в окно браузера (рисунок ниже) из папки у Вас на хостинге или путём загрузки ZIP архива с изображениями.
Настройки каждой из галерей разделены на 4 вкладки:
- General.
- Fancybox.
- Watermark.
- Social Buttons.
На вкладке General (рисунок ниже) Вы сможете выбрать ранее созданную галерею в качестве источника настроек для импорта, задать макет отображения категорий галереи и изображений. Тут же можно задать размеры миниатюр, эффекты их появления и эффекты появления категорий, порядок сортировки, маску, а также сконфигурировать загрузку дополнительных изображений, если на странице их много.
На вкладке Fancybox (рисунок ниже) OS Responsive Image Gallery содержит настройки для конфигурации всплывающего окна. Можно настроить цвет затемнения фона, эффект открытия/закрытия окна, эффект переключения между слайдами, а также сконфигурировать отображение тех или иных элементов: кнопку раскрытия изображения весь экран, кнопку отображения миниатюр, кнопку загрузки товара и т.д.
На вкладке Watermark (рисунок ниже) OrdaSoft Responsive Image Joomla Gallery предоставляет Вам возможность настроить наложение водяного знака на изображения. В качестве водяного знака можно использовать текст или изображение. Можно настроить положение водяного знака, его прозрачность и т.д.
На рисунке ниже показан приме текстового водяного знака на изображении.
Вкладка Social Buttons (рисунок ниже) даёт Вам возможность включить/отключить кнопки шэринга изображения в разные социальные сети: Facebook, Twitter, Pinterest, Linkedin, ВКонтакте, Одноклассники.
В следующей статье «Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4» мы рассмотрим настройки изображений, варианты отображения галереи на сайте и поговорим про возможность вставки видео и аудио.
| Похожие материалы |
|---|
| Автор статьи – Хорошевский Алексей |
|---|
Кандидат технических наук, преподаватель Харьковского национального университета радиоэлектроники, веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет услуги по созданию, доработке, сопровождению и продвижению сайтов. Подробнее об авторе… Публикации и работа: |
Полезные ссылки:

