Создание слайдера изображений для Joomla 2.5 с помощью DJ Image Slider.

image

21.03.12
Comments 18

В сегодняшнем уроке мы научимся создавать слайдер изображений на для CMS Joomla 2.5. Для этого как нельзя лучше подойдет модуль  DJ Image Slider. Этот компонент совершенно бесплатен, поэтому вы без проблем можете пользоваться им.

Итак, давайте приступим к установке. Скачать этот модуль можно с официального сайта разработчика. На странице расширения вам нужно скачать два файла, компонент и модуль, «DJ-ImageSlider Component for Joomla!1.7+» и «DJ-ImageSlider Module for Joomla!1.7+».

После этого нужно авторизоваться на своем сайте и пройти в панель администратора и загрузить эти два файла через менеджер расширений «Расширения - > Менеджер расширений».

После установки пройдите в раздел «Компоненты – >DJ Image Slider».

DJ Image Slider

 Как видим на странице компонента есть две вкладки Sliders и Kategories, то есть слайды и категории.

DJ Image Slider

Для начала создадим категорию для наших слайдеров,  для этого нажмите на ссылку «Categories», а на странице  менеджера категорий на кнопку «Создать». В конфигурации категорий мы укажем лишь заголовок, давайте назовем ее Слайдер, остальные настройки пока трогать не будем. Нажмите на кнопку сохранить.

Теперь нам нужно создать слайды, для этого настройках компонента пройдите по ссылке Slides и нажмите на кнопку «Создать».  Если говорить простым языком, то слайд это всего лишь одно из изображений слайдера, которое будет сменяться другим слайдом.

В конфигурации слайдера настроек немного, мы бегло пройдемся по самым основным.

  • Заголовок: Введите заголовок Слайдера. Давайте назовем его Слайд 1.
  • Алиас: Это поле можно оставить пустым, алиас автоматически транслируется с заголовка страницы.
  • Категория: В этом поле нужно выбрать категорию слайдеров, чуть раньше мы создали одну категорию с названием Слайдер.
  • JGLOBASlide imageL_STATE: Здесь нужно выбрать публиковать слайдер или нет.
  • Slide image: В этом поле нужно выбрать изображение на которое будет выводится в нашем слайдере. Нажмите на кнопку выбрать и загрузите на сайт любое изображение, после чего нажмите на кнопку вставить.
  • DJ Image Slider

В правой части (настройки отображения) можно ничего не трогать. Нажимаем на кнопку сохранить.

По этому принципу создайте еще один слайд и назовите его Слайд 2, чтобы они меняли друг друга.

Теперь нам нужно создать модуль для нашего слайдера, для этого пройдите в «Менеджер расширений -> Менеджер модулей».  На странице модулей у нас появился новый модуль DJ-Image Slider, пройдите к его настройкам.

  • Заголовок: Укажите заголовок модуля, я оставил название по умолчанию «DJ-Image Slider».
  • Показывать заголовок: Нажмите нет
  • Позиция: Здесь нужно выбрать позицию для слайдера. При создании данного урока я использую дефолтный шаблон Joomla biz 20, так что я выбрал позицию position-1 которая находится в верхней части шаблона, прямо под шапкой.
  • Состояние: Выберите пункт «Опубликовано».
  • Строки:  доступ, порядок, начало публикации, завершение публикации, язык, примечание оставляем без изменений.

В блоке привязка к пунктам меню выберите пункт «На всех страницах». (Когда я учился настраивать этот слайдер, почему то забыл про этот момент, и много намаялся не понимая почему на сайте ничего не отображается).

DJ Image Slider

Теперь перейдем к блоку основные параметры что находится в правой части экрана.

  • Slider source: Выберите из списка пункт Component для того чтобы в слайдере показывались созданные нами слайды. Если выбрать пункт Folder, то изображения для показа будут браться из папки которую можно задать чуть ниже на строке «Image Folder».
  • Slider type: Здесь нужно указать тип слайдера. Укажем тип «Fade».
  • Link image: Давайте выберем пункт Don’t Link (без ссылки).
  • Теперь установим ширину и высоту нашему слайдеру.
  • Slide Width: Поставим ширину 500px.
  • Slide Height: Поставим высоту 250px.

Сохраните настройки и пройдите на сайт посмотреть что у нас получилось.

DJ Image Slider

Модуль DJ Image Slider имеет массу настроек и возможностей, мы с вами рассмотрели лишь самые основные, дальше я предлагаю вам самим чуток поработать головой и до конца разобраться с этим модулем.

Tags: 

Комментарии

Улан 25.03.12

Класс! Спасибо автору!

Andre 13.04.12

Подскажите пожалуйста, как привязать сие чудо к URL, т.е. вообщем у меня меню сделано через произвольный код и туда нужно вписать ссылку на материал, в материале надо сделать галерею?
Заранее спасибо.

Олег 14.04.12

Прикольно! Желаю здоровья и удачи Серёге! Очень оценимый труд на благо России!

Гарик 22.05.12

Всё сделал как написал автор, но модуль нихрена не отображается..

В блоке привязка к пунктам меню выберите пункт «На всех страницах». (Когда я учился настраивать этот слайдер, почему то забыл про этот момент, и много намаялся не понимая почему на сайте ничего не отображается). Это сделал тоже!
И шаблон дефотный поробовал использовать... :(

иван 29.05.12

у меня в модуле не отображается блока настроек почему???

Паша 04.06.12

Потому что вы установили только компонент. Нужно установить два файла(модуль и компонент.

Спасибо автору,все работает.

Саша 04.06.12

Почему-то в опере не пашет, кто-нибудь сталкивался?

Dan 06.06.12

Так этот модуль на Joomla 2.5 не устанавливается!!! Я попробовал установить на 1,5 - пошло, на 2,5 - не идет. Может это у меня руки косые или я что-то не так делаю?

admin 06.06.12

Читайте внимательно и у вас обязательно получиться, у других же получилось :))

Гарик 07.06.12

Модуль заработал сам собой. В чём причина объяснить не могу, но вот такие чудеса.

Olga 24.08.12

я реальный чайник, я не могу скачать на оф сайте DJ-ImageSlider Component for Joomla!1.7+» и «DJ-ImageSlider Module for Joomla!1.7+». Я ПРОСТО НЕ НАШЛА!!!Объясните пожалуста где искать подробнее путь.Спасибо

Андрей 12.09.12

Эта штука умеет открывать сторонии урл сылки при клике на слайде?

Константин 13.09.12

Установил пакет DJ-ImageSlider Package 2.0.4, с официального сайта разработчика. Установка прошла без проблем, но после создания категории и загрузки туда нескольких фото, обнаружилось, что с моего сайта пропали все изображения, какие там были до того - и из материалов, и из фотогалереи, работающей на PhocaGallery. Папки с ними исчезли как из медиа-менеджера в админке (там осталась лишь новая папка с загруженными слайдами), так и с самого сервера из корневой папки. В итоге пришлось заново загружать все фото, благо их там пока еще было не очень много

Helen 26.03.13

Большое спасибо автору статьи. Пришлось долго мучить себя и компонент, чтобы настроить. Ничего не выводилось. Все дело в одной настройке. Спасибо!

Marie 03.11.13

Можно ли установить эту галерею в материал? При помощи обычной вставки модуля
{loadposition имя_модуля}не получается

Гость 02.12.13

Все круто!!! Спасибо!!!

Тани 23.01.15

ПОмогите, пожалуйста, скачать «DJ-ImageSlider Component for Joomla!1.7+» и «DJ-ImageSlider Module for Joomla!1.7+».
Не могу найти

Александр 26.04.16

Добрый день! Вообщем проследовал всем вашим указаниям, и в итоге Всё время отображается значок загрузки. что это и как прийти к нужному результату?

Комментировать