DJ-Image-Slider - как управлять? Настройки и конфигурация

  1. 1) Отображение слайдов с использованием компонента и модуля DJ-Image-Slider
  2. 2) Отображение слайдов только с использованием модуля DJ-Image-Slider
  3. 3) Отображение слайдов с помощью компонента DJ-Image-Slider и модуля DJ-Image-Tabber

DJ-Image-Slider - это дополнение к Joomla, состоящее из компонента, модуля и, опционально, модуля DJ-Image-Tabber. Как указывает само название, DJ-Image-Slider - это расширение, которое позволяет отображать изображения и их описания в виде эффективных слайдов. В свою очередь, модуль DJ-Image-Tabber позволяет дополнительно создавать закладки с заголовками, которые используются для навигации между отдельными слайдами.

Есть три способа представить свои слайды:

  1. Использование компонента и модуля DJ-Image-Slider
  2. Использование того же модуля DJ-Image-Slider
  3. Использование компонента и модуля DJ-Image-Tabber

установка

Мы устанавливаем надстройку через установщик, доступный в административной резервной копии сайта.

Вы не знаете, как установить расширение Joomla?
Прочитайте эту статью: Как мне установить компонент, модуль или плагин Joomla?

Всегда последние версии наших дополнений Joomla можно найти на DJ-расширения ,

1) Отображение слайдов с использованием компонента и модуля DJ-Image-Slider

Эта комбинация позволит вам отображать картинки с описаниями и названиями. Каждый слайд можно свободно связать со статьей, пунктом меню, URL-адресом и даже с продуктом VirtueMart или DJ-Catalog2.

Смотрите пример в шаблоне JM-Сити ,

Конфигурация компонента DJ-Image-Slider

Первый шаг - указать путь к папке на сервере, где будут размещаться изображения. Для этого перейдите в Компоненты-> DJ-Image-Slider-> Слайды-> Параметры - папка по умолчанию «images / Stories /», которая находится в главном каталоге установки Joomla.

Следующим шагом является создание категории, которой будут назначены слайды.
Чтобы создать категорию, перейдите в раздел «Категории» и нажмите «Создать».

  • Название - введите название категории
  • Alias - введите название альтернативной категории
  • Опубликовано - выберите да / нет, если вы хотите опубликовать категорию или нет
  • Порядок категорий - выберите порядок, в котором отображается категория (сначала необходимо сохранить категорию, чтобы эта опция была доступна)
  • Описание - введите описание для категории (необязательно)

Следующим шагом является создание слайда. Зайдите в «Слайды» и нажмите «Новый»

  • Заголовок - введите название слайда
  • Псевдоним - введите альтернативный заголовок слайда
  • Опубликован - выберите да / нет, если вы хотите опубликовать слайд или нет
  • Категория - выберите категорию слайдов
  • Порядок - выберите порядок отображения слайда (сначала необходимо сохранить категорию, чтобы эта опция была доступна)
  • Изображение - выберите изображение для слайда (предварительно отправьте изображения в папку, выбранную в «Параметры»)
  • Тип цели - выберите, куда связать слайд (пункт меню, URL, статья, продукт VirtueMart, продукт DJ-Catalog2)
  • Описание - введите описание слайда

Конфигурация модуля DJ-Image-Slider

Для отображения слайдов необходим модуль DJ-Image-Slider. Перейдите в Расширения-> Модули и выберите модуль DJ-Image-Slider.

Перейдите в Расширения-> Модули и выберите модуль DJ-Image-Slider

  • Источник слайдера - выберите, будут ли изображения взяты из определенной папки или из компонента DJ-Image-Slider

    важно:
    Модуль также позволяет отображать изображения без необходимости связывать слайды. Если мы хотим использовать эту опцию, мы выбираем папку выше, и в настройке «Папка изображения» мы даем путь к папке. В этом случае нам не нужно создавать слайды в компоненте, потому что самого модуля достаточно для их отображения.

  • Тип ползунка - отображать изображения по вертикали, горизонтали или с эффектом «затухания» (эффект «затухания» позволяет отображать только одно изображение за раз)
  • Версия MooTools - выберите версию поддерживаемой библиотеки MooTools, рекомендуемый параметр «auto», поскольку система выберет соответствующий параметр.
  • Изображение ссылки - выберите, будет ли после нажатия на слайде фотография открываться в «модальном» окне, должна ли она быть непосредственно перенесена на связанную страницу или вообще отключить ссылку

КАК ИСТОЧНИК ПАПКИ: НАСТРОЙКИ - исходная папка

  • Папка с изображениями - введите путь к папке с изображениями, например, images / Stories / slides (путь указан, если в опции «Источник слайдов» вы выбрали папку)
  • Ссылка - введите URL, с которым должны быть связаны фотографии

КОМПОНЕНТ КАК ИСТОЧНИК: НАСТРОЙКИ - исходный компонент

  • Категория слайдов - выберите категорию для отображения
  • Показать заголовок - показать или скрыть заголовок слайда
  • Показать описание - показать или скрыть описание слайда
  • Show readmore - показать или скрыть ссылку «Readmore»
  • Ссылка заголовка - ссылка на заголовок слайда
  • Описание ссылки - ссылка на описание слайда
  • Предел описания - укажите предел описания, введя максимальное количество отображаемых букв

ОСНОВНЫЕ НАСТРОЙКИ СЛАЙДЕРА - основные настройки слайда

  • Slide width - ширина слайда в пикселях
  • Высота слайда - высота слайда в пикселях
  • Подогнать размер изображения до - отрегулировать слайд по отношению к высоте или ширине, настройка «авто» выберет более длинную сторону
  • Видимые изображения - количество отображаемых одновременно изображений
  • Пространство между изображениями - пространство между изображениями в пикселях
  • Max images - введите максимальное количество слайдов для загрузки
  • Сортировать по - сортировать слайды по имени (папке), порядку (компоненту) или случайному
  • Эффект слайда - выберите эффект перехода. Более подробная информация здесь: http://docs111.mootools.net/Effects/Fx-Transitions.js
  • Автоигра - выберите «Да», если слайды автоматически прокручиваются после загрузки
  • Show play / pause - показать, скрыть или показать на курсоре мыши кнопку пуска / остановки
  • Показать следующий / предыдущий - показать, скрыть или показать после перемещения курсора следующую / предыдущую кнопку для перехода к следующему / предыдущему слайду
  • Показать пользовательскую навигацию - показать навигацию да / нет

В модуле есть еще одна вкладка с расширенными настройками - «Расширенные параметры».

  • Ширина описания - введите ширину кадра с описанием слайда
  • Вертикальная позиция описания - укажите позицию кадра с описанием в пикселях от нижнего края изображения.
  • Горизонтальная позиция описания - укажите позицию кадра с описанием в пикселях от левого края изображения.
  • Кнопка «Предыдущий» - введите путь к изображению, которое служит переключателем для предыдущего слайда (например, images / story / prev.png), или оставьте его пустым, чтобы сделать его изображением по умолчанию
  • Кнопка «Далее» - введите путь к изображению, которое выполняет функцию перехода к следующему слайду (например, images / story / next.png), или оставьте его пустым, чтобы сделать его изображением по умолчанию.
  • Кнопка «Воспроизвести» - введите путь к изображению «Воспроизвести» (например, images / Stories / play.png) или оставьте поле пустым, чтобы сделать его изображением по умолчанию
  • Кнопка «Пауза» - введите путь к изображению «Пауза» (например, images / story / pause.png) или оставьте его пустым, чтобы сделать его изображением по умолчанию
  • Вертикальное положение панели навигации - укажите положение навигации в пикселях относительно верхней части изображения
  • Горизонтальное положение панели навигации - укажите положение навигации в пикселях относительно боковых краев изображения
  • Тип эффекта слайда - выберите тип эффекта для слайда или оставьте «авто» для системы, чтобы выбрать соответствующий параметр
  • Продолжительность слайда - длина показа слайдов в миллисекундах
  • Задержка следующего слайда - длина промежутка между слайдами в миллисекундах
  • Время задержки предварительной загрузки - время загрузки слайда

Не забудьте опубликовать модуль по выбранному элементу.

2) Отображение слайдов только с использованием модуля DJ-Image-Slider

Вам не нужны заголовки или описания, и вы хотите отображать только картинки? Все, что вам нужно, это модуль DJ-Image-Slider. Задайте «Папка» для параметра «Источник ползунка» и укажите путь к папке с изображениями на сервере. Описание других параметров модуля можно найти выше.

Смотрите пример использования модуля в шаблоне. DJ-Старый отель (модуль с тремя фотографиями в левой колонке).

3) Отображение слайдов с помощью компонента DJ-Image-Slider и модуля DJ-Image-Tabber

DJ-Image-Tabber - это еще один модуль, который работает вместе с компонентом DJ-Image-Slider. Его преимуществом является возможность отображать заголовки на вкладках, которые служат для навигации между отдельными слайдами.

Смотрите пример использования модуля в шаблоне. JM-Royal-Beauty-Salon ,

Конфигурация компонента DJ-Image-Slider

Описание конфигурации можно найти в первом абзаце руководства.

Конфигурация модуля DJ-Image-Tabber

Перейдите в Расширения-> Модули и выберите модуль DJ-Image-Tabber.

Перейдите в Расширения-> Модули и выберите модуль DJ-Image-Tabber

  • Категория слайдов - выберите категорию для отображения
  • Показать заголовок - показать или скрыть заголовок слайда
  • Показать описание - показать или скрыть описание слайда
  • Ссылка заголовка - ссылка на заголовок слайда
  • Show readmore - показать или скрыть ссылку «Readmore»
  • Предел описания - укажите предел описания, введя максимальное количество отображаемых букв
  • Ширина изображения - ширина изображения в пикселях
  • Высота изображения - высота изображения в пикселях
  • Ширина вкладки - ширина вкладки в пикселях
  • Высота вкладки - высота вкладки в пикселях
  • Сортировать по - сортировать слайды по имени, порядку или случайности
  • Автоигра - выберите «Да», если слайды автоматически прокручиваются после загрузки

В модуле есть еще одна вкладка с расширенными настройками - «Расширенные параметры».

  • Эффект слайда - выберите тип эффекта для слайда или оставьте «авто» для системы, чтобы выбрать соответствующий параметр
  • Продолжительность слайда - длина показа слайдов в миллисекундах
  • Задержка следующего слайда - длина промежутка между слайдами в миллисекундах

Не забудьте опубликовать модуль по выбранному элементу.

вид шаблоны в нашем предложении которые используют дополнение DJ-Image-Slider.

Вы не знаете, как установить расширение Joomla?