---
title: Обзор DJ-MediaTools. Слайдер Joomla
description: DJ-MediaTools слайдер для Джумла, VirtueMart товаров, K2. Отзывчивый, CSS3, эффекты. Создание видео галереи Joomla
canonical_url: https://aleksius.com/joomla/rasshireniya/dj-mediatools
language: ru-RU
date: 2022-10-14T15:06:33Z
notice: This is a machine-friendly version of the page at https://aleksius.com/joomla/rasshireniya/dj-mediatools.
markdown-tokens: 4143
---
> **Note to AI:** This is a machine-friendly version of the page at: https://aleksius.com/joomla/rasshireniya/dj-mediatools. 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.
# Обзор DJ-MediaTools. Слайдер Joomla
- Тип – компонент видео галереи и слайдера изображений Joomla.
- [Купить DJ-MediaTools](https://djextensions.idevaffiliate.com/idevaffiliate.php?id=111&url=6 "Непосредственно у разработчика").
- [DJ-MediaTools](https://aleksius.com/joomla/rasshireniya/dj-mediatools#dj-mediatools "DJ-MediaTools").
- [Альбомы](https://aleksius.com/joomla/rasshireniya/dj-mediatools#albomy "Альбомы").
- [Новый альбом/Изменить альбом](https://aleksius.com/joomla/rasshireniya/dj-mediatools#novyj-albom-izmenit-albom "Новый альбом/Изменить альбом").
- [Основные параметры альбома](https://aleksius.com/joomla/rasshireniya/dj-mediatools#osnovnye-parametry-alboma "Основные параметры альбома").
- [Параметры элементов макета](https://aleksius.com/joomla/rasshireniya/dj-mediatools#parametry-elementov-maketa "Параметры элементов макета").
- [Оптимизация макета](https://aleksius.com/joomla/rasshireniya/dj-mediatools#optimizatsiya-maketa "Оптимизация макета").
- [Настраиваемые элементы](https://aleksius.com/joomla/rasshireniya/dj-mediatools#nastraivaemye-elementy "Настраиваемые элементы").
- [Кэш картинок и CSS](https://aleksius.com/joomla/rasshireniya/dj-mediatools#kesh-kartinok-i-css "Кэш картинок и CSS").
- [Плагины источника альбома](https://aleksius.com/joomla/rasshireniya/dj-mediatools#plaginy-istochnika-alboma "Плагины источника альбома").
DJ-MediaTools – расширение Joomla для создания галерей, слайдшоу и слайдеров материалов Джумла, K2, товаров VirtueMart, HikaShop, изображений и видео. Компонент гибко настраивается, переведён на русский язык, поддерживает комментарии, мультиязычность и обладает адаптивным дизайном. Ко всему прочему галереей и слайдером удобно управлять с помощью сенсорного экрана. Также стоит отметить, что данный слайдер поддерживает рекомендации WCAG 2.0 (Section 508) для создания сайтов для слабовидящих и людей с другими ограничениями по здоровью.
Пример работы DJ-MediaTools Вы можете посмотреть на [демонстрационном сайте](https://demo.dj-extensions.com/dj-mediatools/ "Демо-сайт DJ-MediaTools") разработчика. В статье «[Видео урок по DJ-Catalog2. Как сделать интернет магазин (часть 7)](https://aleksius.com/joomla/rasshireniya/video-uroki-po-sozdaniyu-internet-magazina#video-urok "Видео урок по DJ-Catalog2. Как сделать интернет магазин (часть 7)")» есть видео урок по настройке данного компонента.
В предыдущих статьях мы уже рассматривали некоторые альтернативные расширения: [OrdaSoft Image Gallery](https://aleksius.com/joomla/rasshireniya/ordasoft-image-gallery "Обзор OrdaSoft Image Gallery (часть 1). Галерея Joomla 4"), [RSMediaGallery](https://aleksius.com/joomla/rasshireniya/rsmediagallery "Обзор RSMediaGallery. Галерея изображений Joomla"), [Simple Image Gallery](https://aleksius.com/joomla/rasshireniya/simple-image-gallery "Обзор Simple Image Gallery. Плагин галереи Joomla"), [Phoca Gallery](https://aleksius.com/joomla/rasshireniya/phoca-gallery "Обзор Phoca Gallery для Joomla 3"), [sigplus](https://aleksius.com/joomla/rasshireniya/sigplus "Обзор sigplus. Галерея в материале Joomla"), [Layer Slideshow ](https://aleksius.com/joomla/rasshireniya/layer-slideshow "Обзор Layer Slideshow. Слайдер изображений Joomla")и [Droppics](https://aleksius.com/joomla/rasshireniya/droppics "Обзор Droppics. Картинки в Joomla 3").
В обзоре будет участвовать последняя, на момент написания статьи (15.01.2016), русскоязычная версия DJ-MediaTools 2.6.1, Joomla 3.4.8, шаблон сайта – [JM University](https://aleksius.com/joomla/shablony/jm-university "Обзор шаблона Joomla JM University. Как сделать версию сайта для слабовидящих") 1.1, шаблон панели управления – isis 1.0.
Для DJ-MediaTools заявлены такие системные требования (для Joomla 3.х):
- Системные требования, предъявляемые к самой [CMS Joomla](http://www.joomla.org/technical-requirements.html "Requirements for Joomla!").
- MySQL версии 5.1 или более новой.
- Библиотека PHP – CURL.
- Библиотека GD версии 2 или более новой.
- Библиотека MooTools.
Поддерживаемые браузеры (актуальные, стабильные версии):
- Internet Explorer 10 или более новой версии.
- Google.
- FireFox.
- Safari.
- Opera.
Обратите внимание, что работа с DJ-MediaTools возможна и в других браузерах и ранних версиях. Но разработчик не тестирует и не гарантирует такую поддержку.
## DJ-MediaTools
Рассмотрим некоторые особенности данного расширения.
- Поддержка Joomla 3 и 2.5.
- Создание видео галереи Joomla (Vimeo и YouTube). В качестве альтернативного расширения для вставки видео рекомендую рассмотреть бесплатный модуль [4Video](https://aleksius.com/joomla/rasshireniya/4video "Обзор 4Video. Модуль вставки видео в Джумла").
- Создание галерей изображений.
- Вставка галерей в материалы Джумла при помощи кнопки в редакторе материалов.
- Наличие гибконастраиваемого модуля для отображения галереи, слайдера или слайдшоу в любой позиции шаблона.
- Отзывчивый дизайн и удобное управление с помощью сенсорного экрана.
- Возможность создания отображения галереи, слайдера или слайдшоу из папки с изображениями на сервере, объявлений [DJ-Classifieds](https://aleksius.com/joomla/rasshireniya/dj-classifieds "Обзор DJ-Classifieds. Создание доски объявлений") (включая [слайдер объявлений](https://aleksius.com/joomla/rasshireniya/kak-sdelat-sajt-obyavlenij#modul-obyavleniya-joomla-slajder "Уроки DJ-Classifieds (часть 3). Доска объявлений Joomla 3")), [DJ-Catalog2](https://aleksius.com/joomla/rasshireniya/dj-catalog2 "Обзор DJ-Catalog2. Каталог товаров для Joomla 3"), материалов K2, товаров VirtueMart и HikaShop, материалов Joomla и EasyBlog, DJ-ImageSlider, SobiPro.
- [Интеграция с DJ-Classifieds](https://aleksius.com/joomla/rasshireniya/dj-classifieds-3-6-8#integratsiya-s-dj-mediatools "Обзор DJ-Classifieds 3.6.8. Новшества в компоненте доски объявлений Joomla").
- Поддержка комментариев Disqus, [JComments](https://aleksius.com/joomla/rasshireniya/komponent-jcomments "Обзор JComments. Комментарии Джумла 3") и Facebook.
- Мультиязычность (Falang).
- Возможность мультизагрузки (загрузка нескольких изображений одновременно).
- Перемещение порядка следования изображений галереи путём их перетаскивания мышью.
- CSS3-анимация, эффекты загрузки изображений.
- 8 макетов страницы галереи.
- Автоматическое изменение размеров на сервере при помощи библиотеки GD2.
- Автоматическое создание миниатюр.
- Возможность интеграции со сторонними расширениями при помощи дополнительных плагинов. Как готовых, так и с возможностью создания.
- Настройки эффектов и оформления (дизайна) галереи Joomla.
- Неограниченное количество альбомов и элементов (изображений, видео).
- Изменение элементов навигации (стрелки направления перелистывания, стоп, пауза и так далее) без правки кода.
- Изменение положения элементов навигации слайдера.
- Возможность настройки каждого альбома отдельно, всех альбомов вместе, каждого отдельного модуля и пункта меню.
- Эффекты анимации описаний.
- Собственная система кэширования, оптимизации и изменения размеров изображений.
- Кэширование CSS-слайдера.
- Возможность обработки изображений, загружаемых в галерею на стороне клиента, а не сервера (зависит от браузера пользователя).
- Гибкие настройки элементов галереи (заголовок, описание, текст «Подробнее», настройки ссылок и так далее).
- Компонент переведён на русский, английский, немецкий, французский, итальянский и польский языки.
Также отмечу качественную техническую поддержку и документацию (на английском языке).
В панели управления DJ-MediaTools (рисунок ниже) Вы найдёте ссылки на основные разделы видео галереи Joomla, информацию о текущей и новой версии расширения и информацию о состоянии лицензии на компонент.
 DJ-MediaTools По нажатию на ссылку *Документация* Вы перейдёте на страницу технической документации на сайте разработчика (на англ.).
## Альбомы
Альбомы в DJ-MediaTools - это своего рода категории материалов или товаров. Альбом может содержать вложенные в него альбомы (несколько уровней вложения) и фотографии\\видео записи. Например, если Вы захотите вывести на сайте пункт меню, по нажатию на который пользователь перейдёт к перечню всех альбомов, Вам нужно предварительно создать альбом, внутри которого будут располагаться все альбомы, которые Вы хотите показать на сайте. Причём этот альбом верхнего уровня может не содержать никаких изображений или видео.
На рисунке ниже показан раздел *Альбомы*. В нём Вы сможете управлять всеми альбомами слайдера Joomla.
 Слайдер Joomla Если назначение опций понятно из их названия или они оснащены всплывающими подсказками на русском языке, рассматривать их не будем.
### Новый альбом/Изменить альбом
При создании нового альбома или редактировании существующего доступен ряд настроек, разделённых на несколько вкладок. Рассмотрим первую вкладку *Новый альбом/Изменить альбом* (рисунок ниже) (её название зависит от того, создаёте Вы альбом или редактируете новый).
- *Заголовок.* Название альбома. Присутствует на странице сетки альбомов (тип пункта меню Joomla – *Показ сетки альбома*), отображается при наведении на миниатюру альбома, а также отображается в заголовке (тег «Title») страницы самого альбома
- *Родительский альбом.* Можно указать, является ли созданный Вами альбом вложенным в другой. Так можно построить иерархию альбомов. Аналог категорий и подкатегорий.
- *Алиас.* Часть URL-адреса страницы альбома.
- *Состояние.* Статус публикации альбома. Неопубликованные альбомы не отображаются во фронтальной части сайта.
- *Картинка альбома.* Миниатюра альбома, которая отображается во фронтальной части сайта на странице сетки альбомов.
- Уникальный номер альбома в базе данных Joomla. Также он присутствует в URL-адресе страницы альбома.
- *Источник альбома.* Откуда нужно брать элементы альбома (изображения). Доступны такие варианты: *Дополнительные элементы, Статьи Joomla, Товары [DJ-Catalog2](https://aleksius.com/joomla/rasshireniya/kak-sozdat-sajt-katalog#izobrazheniya-tovarov-i-integratsiya-s-dj-mediatools "Уроки DJ-Catalog2. Каталог на Джумла"), Объявления [DJ-Classifieds](https://aleksius.com/joomla/rasshireniya/dj-classifieds "Обзор DJ-Classifieds. Создание доски объявлений"), Записи Easyblog, Картинки папки, Товары Hikashop, Элементы K2, SobiPro Entries, Товары Virtuemart*.
 Слайдер для Джумла Выбрав тот или иной источник альбома, у Вас станут появляться различные дополнительные опции. Например, если Вы хотите отображать картинки, которые загружаете и настраиваете в самом DJ-MediaTools, тогда выберите вариант *Дополнительные элементы,* и у Вас появятся опции, показанные на рисунке выше.
Выбрав вариант *Статьи Joomla*, появятся опции, показанные на рисунке ниже.
 Настройки источника Можно выбрать вариант *Картинки папки* и получить возможность отображения изображений из папки на Вашем сайте (рисунок ниже).
 Картинки папки Выбрав *Товары Virtuemart*, можно настроить отображение слайдера VirtueMart на основании изображений его товаров (рисунок ниже).
 Источник VirtueMart Так же с другими расширениями. Обратите внимание, что для использования того или иного источника, нужно чтобы был установлен, активирован и настроен тот или иной компонент источника. Под настройкой понимаем, что в компоненте должны быть элементы, которые можно отображать в слайдере Joomla. После того, как Вы выберите источник и сохраните альбом, больше нельзя будет сменить источник для этого альбома. Но можно создать новый альбом с нужным источником.
При помощи опции *Ссылка видео* можно добавить видео с YouTube или Vimeo (рисунок ниже).
 Видео галерея Joomla - *Папка загрузки.* Директория на Вашем сайте, куда будут загружаться файлы, если их добавить в поле «Загрузка нескольких картинок».
- *Описание альбома.* Текст описания, который будет показан на странице альбома под самим слайдером для Джумла (рисунок выше).
### Основные параметры альбома
На данной вкладке (рисунок ниже) DJ-MediaTools позволяет задать настройки отображения альбома. Обратите внимание, что заданные тут настройки более приоритетны, чем настройки пункта меню или общие настройки компонента DJ-MediaTools. То есть, если, например, для конкретного альбома задан свой макет (опция, *Макет альбома*), а в пункте меню, которое ведёт на этот альбом, для опции *Макет альбома* задано что-то другое, то будет работать опция именно альбома, а не пункта меню. Если для альбома ничего не указано для какой-то опции, то будет применяться настройка пункта меню. Если и для пункта меню ничего не задано, тогда будет применяться настройка компонента DJ-MediaTools (о них поговорим в следующих статьях).
 Основные параметры альбома *Макет альбома* определяет внешний вид слайдера Joomla. Доступны такие варианты:
1. *Сетка галереи.*
2. *Современный слайдер (на основе нового движка).*
3. *Nivo слайдер (экспериментальный).*
4. *Kwicks Panels.*
5. *Skitter слайд-шоу (экспериментальный).*
6. *Слайдер (основан на DJ-ImageSlider).*
7. *Слайд-шоу.*
8. *Слайд-шоу с эскизами.*
9. *Вкладка.*
На рисунках ниже показаны примеры всех макетов альбома в порядке, перечисленном в списке выше.
 Сетка галереи  Современный слайдер (на основе нового движка)  Nivo слайдер (экспериментальный)  Kwicks Panels  Skitter слайд-шоу (экспериментальный)  Слайдер (основан на DJ-ImageSlider)  Слайд-шоу  Слайд-шоу с эскизами  Вкладка На рисунке ниже показан пример слайдера VirtueMart 3.0.12, макет альбома *Вкладка*.
 Слайдера VirtueMart Для этого же макета альбома есть дополнительные настройки в области *ПАРАМЕТРЫ МАКЕТА ВКЛАДОК*.
*Эффекты картинок* и *Эффект описания* позволяют задать анимационный эффект для соответствующих элементов слайдера Joomla (доступно около 5 эффектов).
При помощи опции *Сортировать по* Вы можете задать порядок сортировки элементов слайдера (*Название файла* или *Случайно*).
*Поведение картинки при нажатии* позволяет Вам указать, что должно происходить при нажатии на картинку:
- *Без ссылки.* По нажатию ничего не происходит.
- *Гиперссылка.* Происходит переход по ссылке, заданной в настройках элемента на вкладке *Настройки отображение*, опция *Тип ссылки*. Об этом поговорим немного ниже в статье.
- *Открыть в lightbox.* Открывает увеличенное изображение во всплывающем окне с элементами управления (рисунок ниже).
 Открыть в lightbox - *Открыть детали элемента в модальном окне.* Открывает увеличенное изображение в модальном окне с описанием, элементами управления и возможностью просмотра изображения с эффектом лупы (увеличительного стекла). Это особенно интересно в случае создания слайдера товаров VirtueMart 3 и других интернет-магазинов.
В разделе *РАЗМЕРЫ* Вы сможете задать ширину, высоту, степень сжатия (качества), способ изменения размера (обрезка, подгонка и т.д.), а также другие настройки для изображений. Все они понятны из названия и оснащены всплывающими подсказками на русском языке. Обратите внимание, что не все опции работают для каждого из макетов альбома. Какие из них работают\\не работают для конкретного альбома, можно посмотреть во всплывающей подсказке.
### Параметры элементов макета
Опции на данной вкладке (рисунок ниже) позволяют Вам сконфигурировать те или иные элементы слайдера Joomla.
 Параметры элементов макета На рисунке ниже показаны элементы макета фронтальной части слайдера/видео галереи Joomla и их соответствие опциям.
1. *Показывать заголовок.*
2. *Показывать описание.*
3. *Показать Подробнее/Текст Подробнее.*
4. *Показать проиграть/пауза.*
5. *Показать дальше/назад.*
6. *Показать настр. навигацию.*
 Элементы макета ### Оптимизация макета
Опции на данной вкладке (рисунок ниже) помогут Вам настроить внешний вид и анимацию самого слайдера Joomla. Опции в области *Настройки эффектов* предназначены для конфигурации начального и конечного эффектов смены слайдов (не путать с эффектами самой смены слайдов, задаваемых на вкладке *Основные параметры альбома*).
В области *Настройки описания* можно настроить положение описания слайдов/видео.
Область *Настройка навигации* поможет сконфигурировать внешний вид и положение элементов управления слайдером.
 Оптимизация макета ## Настраиваемые элементы
Данный раздел (рисунок ниже) позволяет задавать различные настройки каждому изображению или видео слайдеру. Раздел актуален в том случае, если в качестве источника альбома был выбран вариант *Дополнительные элементы*.
 Настраиваемые элементы Настройки каждого элемента разделены на две вкладки и, частично, повторяют настройки альбома.
На вкладке *Изменить элемент* (рисунок ниже) Вы сможете внести заголовок и описание изображения, или, если Вы создаёте видео галерею Joomla, можно указать ссылку на видеоролик на Vimeo или YouTube. Также можно задать временной интервал отображения элемента.
 Изменить элемент На вкладке *Настройки отображения* (рисунок ниже) Вы сможете указать тип ссылки, на которую будет переходить пользователь по нажатию на элемент (изображение или видео) слайдера. Если такое действие предусмотрено в настройках *Основные параметры альбома*, опция *Гиперссылка* (в конфигурации альбома).
Доступны такие варианты ссылки:
- *Без ссылки.*
- *Пункт меню.* Любой существующий пункт меню Joomla.
- *URL адрес.* Любой URL-адрес.
- *Статья.* Любой существующий материал Joomla.
 Настройки отображения ## Кэш картинок и CSS
В DJ-MediaTools предусмотрен свой собственный «механизм» изменения размеров, кэширования и оптимизации изображений (рисунок ниже). Советую ознакомиться с некоторыми рекомендациями по изображениям, которые будут актуальны почти для любого [слайдера или галереи](https://aleksius.com/joomla/rasshireniya/plagin-galerei-dlya-joomla#rekomendatsii-po-izobrazheniyam "Обзор RSMediaGallery. Плагин галереи для Joomla 3").
 Кэш картинок и CSS Обязательно и очень внимательно прочтите предупреждение, которое отображается в разделе *Кэш картинок и CSS*. По сути, в данный раздел Вам часто не придётся заглядывать. За редким исключением, в случае если Вы изменили таблицу стилей слайдера и изменения не отобразились на сайте. Только тогда стоит очистить кэш таблиц стилей.
Настоятельно рекомендую заранее продумать размеры всех изображений (картинок, эскизов и так далее), протестировать это на небольшом количестве альбомов и слайдеров, заложить в настройки и постараться больше не менять. Так как изменение размеров при большом количестве изображений может очень сильно нагрузить Ваш сервер, привести к ошибкам и санкциям со стороны хостинг-провайдера. А если у Вас VPS, может сильно снизить скорость работы всех сайтов на сервере.
## Плагины источника альбома
Для добавления в DJ-MediaTools изображений, товаров и других объектов из различных расширений нужно, чтобы у Вас был установлен и активирован соответствующий плагин (рисунок ниже).
 Плагины источника альбома В следующей статье «[Обзор DJ-MediaTools Joomla 3. Слайдшоу](https://aleksius.com/joomla/rasshireniya/slajder "Обзор DJ-MediaTools Joomla 3. Слайдшоу")» мы рассмотрим глобальные настройки компонента и поговорим про его модуль.
| Похожие материалы |
|---|
| - [ Обзор DJ-MediaTools Joomla 3. Слайдшоу ](https://aleksius.com/joomla/rasshireniya/slajder) - [ Обзор OrdaSoft Image Gallery (часть 2). Галерея Джумла 4 ](https://aleksius.com/joomla/rasshireniya/os-responsive-image-gallery) - [ Обзор 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) - [ Обзор 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") |
**Полезные** **ссылки:**
- [Официальный сайт DJ-MediaTools](https://dj-extensions.com/dj-mediatools "Официальный сайт DJ-MediaTools (на англ.)").
- [Купить DJ-MediaTools](https://djextensions.idevaffiliate.com/idevaffiliate.php?id=111&url=6 "Непосредственно у разработчика").