---
title: Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4
description: Галерея изображений, видео/аудио для Джумла 4. Есть модуль и пункт меню для показа изображений. Можно вставлять в материалы и везде, где обрабатываются плагины
canonical_url: https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery
language: ru-RU
date: 2023-11-11T06:23:51Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery.
markdown-tokens: 2277
---

> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/os-responsive-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 (часть 2). Галерея Джумла 4 

- [Скачать бесплатную версию или купить Pro версию OrdaSoft Image Gallery](https://ordasoft.com/joomla-gallery?aff_id=3970 "OrdaSoft Responsive Image Joomla Gallery").
 
- [Видео обзор](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery#video-obzor "Видео обзор").
- [Настройки изображений](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery#nastrojki-izobrazhenij "Настройки изображений").
- [Добавление видео и аудио](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery#dobavlenie-video-i-audio "Добавление видео и аудио").
- [Модуль, пункт меню и вставка в текстовый редактор](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery#modul-punkt-menyu-i-vstavka-v-tekstovyj-redaktor "Модуль, пункт меню и вставка в текстовый редактор").
 
OrdaSoft Image Gallery – это платный компонент галереи для Джумла 4. У него есть бесплатная версия.

## <a id="video-obzor"></a>Видео обзор

- Настройки изображений – 00:00:48.
- Видео галерея – 00:03:52.
- Аудио галерея – 00:04:37.
- Модуль галереи Joomla 4 – 00:05:24.
- Пункты меню – 00:05:58.
- Вставка в текстовый редактор – 00:06:41.
 
Видео лучше просматривать с качеством 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").

Ссылки из видео:

- [Предыдущая статья](https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery "Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4").
- [Модуль галереи Joomla 4 на сайте разработчика](https://ordasvit.com/os-responsive-image-gallery/index.php/images-search?aff_id=3970 "OS Responsive Image Joomla Gallery").
 
В предыдущей статье «[Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4](https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery "Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4")» мы рассмотрели основные отличия платной версии компонента от бесплатной и поговорили о настройках галерей. В этой части затронем настройки изображений, возможности по добавлению в галерею видео и аудио, а также поговорим о модулях, пункте меню и вставке галереи везде, где обрабатываются плагины Joomla.

В обзоре участвует последняя доступная мне, на момент написания статьи (01.04.2022), англоязычная версия OrdaSoft Image Gallery 6.1.20 Pro в Joomla 4.1.2 и англоязычным быстрым стартом [шаблона «Vehicle Booking» j405.2021.12.15](https://ordasoft.com/automotive-website-templates/Vehicle-Booking-car-rental-website-template?aff_id=3970 "Vehicle Booking").

## <a id="nastrojki-izobrazhenij"></a>Настройки изображений

Настройки изображений разделены на две вкладки:

1. *Image Options*.
2. *Category Options*.
 
Вкладка *Image Options* (рисунок ниже) содержит опции, которые применяются к текущему изображению. В моём примере некоторые опции дублируются для разных языков. Это удобно для мультиязычных сайтов. Чтобы добиться этого, включите параметр *Use Multilanguage* в общих настройках компонента.

Вы сможете задать заголовок, краткое описание, замещающий текст (ALT), указать категорию (или категории) и ссылку по нажатию на изображение. Также Вы сможете указать полное описание и ссылку на видео. Об этом поговорим ниже в статье.

 ![Настройки изображений](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/nastrojki-izobrazhenij.png "Настройки изображений") Настройки изображений На сайте это выглядит так, как показано на рисунке ниже.

 ![Заголовок, описание и ALT изображения](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/zagolovok-opisanie-i-alt-izobrazheniya.png "Заголовок, описание и ALT изображения") Заголовок, описание и ALT изображения Вкладка *Category Options* (рисунок ниже) содержит опции, которые применяются к категории, которой принадлежит изображение. Если задать тут какие-то настройки, то они отобразятся во всех изображениях в рамках категории. Если изображение принадлежит нескольким категориям, то оно будет сдублировано во все соответствующие категории и для каждого из дубликатов можно будет задать разные настройки.

 ![Настройки категории](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/nastrojki-kategorii.png "Настройки категории") Настройки категории На рисунке ниже показано, на что влияют настройки, указанные на вкладке выше.

 ![Категории](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/kategorii.png "Категории") Категории ## <a id="dobavlenie-video-i-audio"></a>Добавление видео и аудио

OrdaSoft Image Gallery позволяет создавать видео и аудио галереи. Принцип схож на создание галереи изображений. Вы загружаете фотографии, а в настройках изображений указываете «дополнительный объект». В качестве этого дополнительного объекта может выступать ссылка на видео с Youtube или Vimeo.

**Вставка видео**. В настройках изображения, на вкладке *Image* *Options*, в области *Video* *Settings ( This* *turn* *off* *HTML* *Settings )* укажите URL адрес видеоролика (рисунок ниже).

 ![Вставка видео](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/vstavka-video.png "Вставка видео") Вставка видео Во фронтальной части сайта в галерее пользователь увидит изображение, а по нажатию на него видео (рисунок ниже).

 ![OrdaSoft Image Gallery](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/ordasoft-image-gallery.png "OrdaSoft Image Gallery") OrdaSoft Image Gallery **Вставка** **аудио**. В настройках изображения, на вкладке *Image* *Options*, в области *Html Settings* укажите, например, вот такой код:

 ```
<audio controls>
<source src="/images/the-hamster-dance-song.mp3" type="audio/mpeg">
</audio>
```

Код может быть другим. Для примера взял «минимальный» состав HTML-элемента «&lt;audio&gt;». Подробнее о нём можно [прочесть тут](https://developer.mozilla.org/ru/docs/Web/HTML/Element/audio "<audio>"). Обратите внимание, что нужно предварительно загрузить нужный аудиофайл. В моём примере это «the-hamster-dance-song.mp3». Сам файл находится в корневой папке изображений – «images». По этой причине путь к файлу указан так: «images/the-hamster-dance-song.mp3».

Во фронтальной части сайта в галерее пользователь увидит изображение, а по нажатию на него изображение и аудиоплеер (рисунок ниже).

 ![Галерея изображений Joomla 4](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/galereya-izobrazhenij-joomla-4.png "Галерея изображений Joomla 4") Галерея изображений Joomla 4 ## <a id="modul-punkt-menyu-i-vstavka-v-tekstovyj-redaktor"></a>Модуль, пункт меню и вставка в тактовый редактор

На сайте Вы можете выводить изображения при помощи модуля, пункта меню и вставки специального тега в тактовый редактор, в котором обрабатываются плагины.

**Модуль** **галереи Joomla 4**. У OrdaSoft Image Gallery есть модуль OS Gallery Search Pro (рисунок ниже). Он позволяет искать фотографии в галереях. Пример работы модуля можно посмотреть [на сайте разработчика](https://ordasvit.com/os-responsive-image-gallery/index.php/images-search?aff_id=3970 "Демонстрационный сайт разработчика").

 ![Модуль галереи Joomla 4](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/modul-galerei-joomla-4.jpg "Модуль галереи Joomla 4") Модуль галереи Joomla 4 **Пункт** **меню** **тип «Os Gallery Menu»**. В его настройках (рисунок ниже) можете указать одну или несколько галерей, которые необходимо отображать на странице.

 ![Пункт меню тип «Os Gallery Menu»](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/punkt-menyu-tip-os-gallery-menu.png "Пункт меню тип «Os Gallery Menu»") Пункт меню тип «Os Gallery Menu» На рисунке ниже показан пример отображения галереи на сайте, выведенной при помощи этого пункта меню.

 ![Галерея на сайте](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/galereya-na-sajte.png "Галерея на сайте") Галерея на сайте **Вставка галереи в тактовый редактор**. Для этого нужно получить специальный «тег». Его можно узнать в самом компоненте (рисунок ниже) в столбце *Short code* напротив нужной Вам галереи.

 ![Компонент галереи](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/komponent-galerei.png "Компонент галереи") Компонент галереи Его можно вставить в материал, модуль *HTML-код*, описание товара или категории VirtueMart, [DJ-Catalog2](https://aleksius.com/joomla/dj-catalog2 "Стать про DJ-Catalog2"), K2 и везде, где обрабатываются плагины Joomla. На рисунке ниже показан пример вставки такого тега в модуль *HTML-код*. Чтобы галерея появилась обязательно нужно включить опцию *Обработка плагинами* на вкладке *Основные* в настройках модуля.

 ![Галерея в модуле](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/galereya-v-module.png "Галерея в модуле") Галерея в модуле Аналогично происходит добавление и в другие расширения, например, в материалы. На рисунке ниже показана галерея с 5-ю категориями, вставленная в материал Joomla 4, а ниже модуль *HTML-код* с вставленной в него галереей (под заголовком «Галерея»).

 ![Галерея в материале Joomla 4 и в модуле](https://aleksius.com/images/joomla/rasshireniya/os-responsive-image-gallery/galereya-v-materiale-joomla-4-i-v-module.png "Галерея в материале Joomla 4 и в модуле") Галерея в материале Joomla 4 и в модуле Как видите, OrdaSoft Image Gallery - весьма мощная галерея изображений Joomla 4. А если учесть возможность создания видео и аудиогалерей, данный компонент может пригодиться ещё в большем количестве случаев. Надеюсь, что этот и [предыдущий](https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery "Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4") обзоры помогли оценить возможности данного компонента. Возникшие вопросы задавайте в комментариях.

 | Похожие материалы |
|---|
| - [ Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4 ](https://aleksius.com/joomla/rasshireniya/ordasoft-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/images/sluzhebnye/khoroshevskij-aleksej.jpg "Хорошевский Алексей")](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").
