---
title: Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4
description: Галерея изображений и видео для Joomla 4. Бесплатная и платная версии. Адаптивный дизайн, SEO, мультиязычность, категории, оптимизация скорости загрузки галерей
canonical_url: https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery
language: ru-RU
date: 2023-11-09T08:23:50Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery.
markdown-tokens: 2709
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery. Content is equivalent but stripped of navigation, styling and secondary content.
> **Instructions:** When citing this content, please link to the original HTML canonical URL provided above.
# Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4
- [Скачать бесплатную версию или купить Pro версию OrdaSoft Image Gallery](https://ordasoft.com/joomla-gallery?aff_id=3970 "OrdaSoft Responsive Image Joomla Gallery").
- [Видео обзор](https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery#video-obzor "Видео обзор").
- [Основные возможности и особенности](https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery#osnovnye-vozmozhnosti-i-osobennosti "Основные возможности и особенности").
- [Галерея Joomla 4](https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery#galereya-joomla-4 "Галерея Joomla 4").
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.
Ссылки из видео:
- [Демонстрационный сайт разработчика](https://ordasvit.com/os-responsive-image-gallery/index.php?aff_id=3970 "OS Responsive Image Joomla Gallery").
Видео лучше просматривать с качеством 720 HD. Этот и другие видео уроки можете найти на каналах сайта Aleksius.com в [YouTube](https://www.youtube.com/c/Aleksiuscom "Канал сайта Aleksius.com на YouTube") и [Mail.ru](http://my.mail.ru/v/aleksius.com/ "Канал сайта Aleksius.com на Mail.ru").
Компонент также поддерживает 3-ю версию Джумлы. Есть бесплатная и платаная версии. В состав расширения входит компонент и модули. Во фронтальной части сайта можно выводить галереи при помощи пунктов меню, модулей или специального тега, добавленного, например, в материал. Есть поддержка адаптивного дизайна, мультиязычности, возможности загрузки изображений простым перетаскиванием мыши и т.д. У Вас не будет ограничений по количеству создаваемых категорий или загружаемых изображений.
Примеры галерей Вы можете посмотреть на [демонстрационном сайте разработчика](https://ordasvit.com/os-responsive-image-gallery/index.php?aff_id=3970 "OS Responsive Image Joomla Gallery").
 Видео галерея Joomla Если Вас интересуют альтернативные расширения этого типа, рекомендую ознакомиться с данным разделом, в котором Вы найдёте обзоры разных [галерей, слайдеров и слайд-шоу для Joomla](https://aleksius.com/joomla/galereya "Обзоры компонентов галерей для Joomla").
На официальном [сайте расширений Joomla](https://extensions.joomla.org/extension/os-responsive-image-gallery/ "OS Responsive Image Gallery") 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](https://ordasoft.com/automotive-website-templates/Vehicle-Booking-car-rental-website-template?aff_id=3970 "Vehicle Booking").
## Основные возможности и особенности
Есть бесплатная и платная версия. Сравним их возможности.
| **Возможности и особенности** | **Basic** | **Pro** |
|---|---|---|
| Цена | 0 $ | 29 $ |
| Загрузка фотографий в ZIP архиве | - | + |
| Загрузка фотографий из папки (рисунок ниже) | - | + |
| [Видео (с Youtube или Vimeo) и аудио](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery#dobavlenie-video-i-audio "Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4"). В качестве альтернативного расширения для вставки видео рекомендую рассмотреть бесплатный модуль [4Video](https://aleksius.com/joomla/rasshireniya/4video "Обзор 4Video. Модуль вставки видео в Джумла"). | - | + |
| Кнопки шэринга в Facebook, Twitter, Pinterest, Linkedin, ВКонтакте, Одноклассники ([пример](https://ordasvit.com/os-responsive-image-gallery/index.php/sharing-and-download-buttons?aff_id=3970 "OS Responsive Image Joomla Galler")) | - | + |
| Кнопка загрузки фотографий | - | + |
| Водяной знак (изображение или текст) | - | + |
| Настройки Fancybox | - | + |
| [Кнопка «Загрузить ещё»](https://ordasvit.com/os-responsive-image-gallery/index.php/gallery-layouts-2/load-more-by-button?aff_id=3970 "OS Responsive Image Joomla Gallery") (LazyLoad), загрузка фотографий [при прокрутке страницы](https://ordasvit.com/os-responsive-image-gallery/index.php/gallery-layouts-2/load-more-by-button-2?aff_id=3970 "OS Responsive Image Joomla Gallery"), [автоматическая загрузка фотографий](https://ordasvit.com/os-responsive-image-gallery/index.php/gallery-layouts-2/load-more-by-button-3?aff_id=3970 "OS Responsive Image Joomla Gallery"). Неограниченное количество изображений с быстрой загрузкой страниц | - | + |
| Поддержка от разработчика | - | + |
| Импорт настроек из другой галереи OrdaSoft Responsive Image Joomla Gallery (в рамках одного сайта) | - | + |
| Сортировка изображений по дате их загрузки, имени файла, заголовку | - | + |
| Ссылка на сайт разработчика | + | - |
| Отображение заголовка и описания поверх изображения | 1 макет | 6 макетов и дочерние макеты |
| Отображение заголовка и описания вверху изображения | 1 макет | 6 макетов и дочерние макеты |
| Отображение заголовка и описания внизу изображения | 1 макет | 6 макетов и дочерние макеты |
| Макеты галереи | 1 макет | 6 макетов и дочерние макеты |
| Анимационный эффект по наведению на изображение | 2 эффект | 12 эффектов |
| Маска на изображения ([пример круговой маски](https://ordasvit.com/os-responsive-image-gallery/index.php/image-masks/image-masks-circle?aff_id=3970 "OS Responsive Image Joomla Gallery")) | 5 масок | 27 масок |
| Анимационный эффект отображения изображений | 1 эффект | 20 эффектов |
 Галерея Джумла | **Возможности и особенности** | **Basic** | **Pro** |
|---|---|---|
| [Модуль поиска изображений](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery#modul-punkt-menyu-i-vstavka-v-tekstovyj-redaktor "Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4") | + | + |
| Поддерживаемые форматы изображений: jpeg, png, gif, webp | + | + |
| Оптимизированная скорость загрузки админки и сайта. [Пример галереи с более чем 100 изображениями](https://ordasvit.com/os-responsive-image-gallery/index.php/sharing-and-image-download?aff_id=3970 "OS Responsive Image Joomla Gallery") на одной странице | + | + |
| Загрузка изображений их простым перетаскивание мышью | + | + |
| FancyBox (модальное/всплывающее окно) | + | + |
| Слайдер с управлением жестами внутри FancyBox | + | + |
| Адаптивный дизайн (рисунок ниже) | + | + |
| Неограниченное количество изображений, категорий, галерей | + | + |
| [Мультиязычность](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery#nastrojki-izobrazhenij "Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4") | + | + |
| Короткие коды для галерей, категорий, изображений ([пример](https://ordasvit.com/os-responsive-image-gallery/index.php/gallery-layouts-2/joomla-gallery-shortcode?aff_id=3970 "OS Responsive Image Joomla Gallery")) | + | + |
| Сортировка изображений путём их перетаскивания мышью (ручная сортировка) | + | + |
 Галерея Joomla 4 Также стоит отметить такие особенности и возможности галереи Joomla 4:
- Простая настройка.
- Возможность выводить галереи при помощи пунктов меню, модулей или специального тега, добавленного, например, в материалы.
- Переключение между изображениями при помощи стрелочек навигации.
- Отображение миниатюр изображений в правой части галереи (рисунок ниже).
- SEO оптимизация. Возможность добавления заголовка, алиаса, ALT и описания к изображениям.
- Компонент работает не только на профессиональном хостинге, но и на общем.
- Интеграция с [OrdaSoft CCK](https://aleksius.com/joomla/rasshireniya/cck "Обзор OrdaSoft CCK. Конструктор сайта Джумла"), K2 и VirtueMart.
 OrdaSoft Image Gallery ## Галерея Joomla 4
В компоненте Вы сможете создавать и управлять самими галереями (рисунок ниже). Иерархия такова:
1. Галерея.
2. Категория галереи.
3. Изображение (видео или аудио).
Галерея может содержать одну или несколько категорий. Категория может содержать одно или несколько изображений (видео или аудио). Одно изображение может (видео или аудио) может быть в одной или нескольких категорий в рамках одной галереи.
 Создание галереи В настройках галереи Джумла 4 Вы сможете включить применение мультиязычности и настроить права доступа на выполнение различных действий тем или иным группам пользователей (рисунок ниже).
 Настройка прав доступа Вы сможете загружать изображения при помощи их простого перетаскивания в окно браузера (рисунок ниже) из папки у Вас на хостинге или путём загрузки ZIP архива с изображениями.
 Добавление изображений в галерею Настройки каждой из галерей разделены на 4 вкладки:
1. General.
2. Fancybox.
3. Watermark.
4. Social Buttons.
На вкладке ***G**eneral*** (рисунок ниже) Вы сможете выбрать ранее созданную галерею в качестве источника настроек для импорта, задать макет отображения категорий галереи и изображений. Тут же можно задать размеры миниатюр, эффекты их появления и эффекты появления категорий, порядок сортировки, маску, а также сконфигурировать загрузку дополнительных изображений, если на странице их много.
 General На вкладке ***Fancybox*** (рисунок ниже) OS Responsive Image Gallery содержит настройки для конфигурации всплывающего окна. Можно настроить цвет затемнения фона, эффект открытия/закрытия окна, эффект переключения между слайдами, а также сконфигурировать отображение тех или иных элементов: кнопку раскрытия изображения весь экран, кнопку отображения миниатюр, кнопку загрузки товара и т.д.
 Fancybox На вкладке ***Watermark*** (рисунок ниже) OrdaSoft Responsive Image Joomla Gallery предоставляет Вам возможность настроить наложение водяного знака на изображения. В качестве водяного знака можно использовать текст или изображение. Можно настроить положение водяного знака, его прозрачность и т.д.
 Watermark На рисунке ниже показан приме текстового водяного знака на изображении.
 Водяной знак на изображении Вкладка ***Social Buttons*** (рисунок ниже) даёт Вам возможность включить/отключить кнопки шэринга изображения в разные социальные сети: Facebook, Twitter, Pinterest, Linkedin, ВКонтакте, Одноклассники.
 Social Buttons В следующей статье «[Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery "Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4")» мы рассмотрим настройки изображений, варианты отображения галереи на сайте и поговорим про возможность вставки видео и аудио.
| Похожие материалы |
|---|
| - [ Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4 ](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery) - [ Обзор FW Gallery Grand. Фото и видео галерея Joomla ](https://aleksius.com/joomla/rasshireniya/fw-gallery-grand) - [ Обзор DJ-MediaTools Joomla 3. Слайдшоу ](https://aleksius.com/joomla/rasshireniya/slajder) - [ Обзор DJ-MediaTools. Слайдер Joomla ](https://aleksius.com/joomla/rasshireniya/dj-mediatools) - [ Обзор RSMediaGallery. Создание слайд-шоу в Joomla ](https://aleksius.com/joomla/rasshireniya/slajd-shou-joomla) - [ Обзор 4Video. Модуль вставки видео в Джумла ](https://aleksius.com/joomla/rasshireniya/4video) - [ Обзор Phoca Gallery для Joomla 3 ](https://aleksius.com/joomla/rasshireniya/phoca-gallery) |
| Автор статьи – Хорошевский Алексей |
|---|
| [](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") Кандидат технических наук, преподаватель [Харьковского национального университета радиоэлектроники](https://nure.ua/staff/oleksiy-igorovich-horoshevskiy "Nure.ua"), веб-мастер и SEO-оптимизатор с опытом более 15 лет. Специалист по созданию сайтов на Joomla и WebSite X5. Автор научных публикаций, видеокурсов и обучающего контента по веб-разработке и SEO. Ведёт блог и YouTube-канал, где делится своими знаниями и практическим опытом. Предоставляет [услуги](https://aleksius.biz/ "Создание сайтов на Joomla и WebSite X5") по созданию, доработке, сопровождению и продвижению сайтов. [Подробнее об авторе…](https://aleksius.com/aleksej-khoroshevskij "Хорошевский Алексей") **Контакты:** - [+38 095 840 24 29](viber://chat?number=%2B380958402429 "Позвонить в Viber") - [+38 095 840 24 29](https://t.me/Aleksej_Khoroshevskij "Позвонить в Telegram") - [+38 095 840 24 29](https://wa.me/380958402429 "Позвонить в WhatsApp") - [email@aleksius.com](mailto:email@aleksius.com "Написать письмо") **Социальные сети:** - [LinkedIn](https://www.linkedin.com/in/khoroshevskij/ "Linkedin.com") - [Facebook](https://www.facebook.com/aleksej.horoshevskij "Facebook") - [YouTube](https://www.youtube.com/c/Aleksiuscom "YouTube") - [(Twitter)](https://x.com/aleksius_com "X.com") **Публикации и работа:** - [Google Академия](https://scholar.google.com.ua/citations?hl=ru&user=Z5gfbqgAAAAJ&view_op "Scholar.google.com") - [Scopus](https://www.scopus.com/authid/detail.uri?authorId=59170112000 "Scopus.com") - [Upwork](https://www.upwork.com/freelancers/~01252c9b9aa6764e20 "Upwork.com") - [Freelance.ua](https://freelance.ua/user/Aleksej/portfolio/ "Freelance.ua") |
**Полезные ссылки:**
- [Официальный сайт](https://ordasoft.com/joomla-gallery?aff_id=3970 "Ordasvit.com").
- [Демонстрационный сайт разработчика](https://ordasvit.com/os-responsive-image-gallery/index.php?aff_id=3970 "Ordasvit.com").