От автора: приветствую Вас уважаемые читатели. Изображения повсеместно используются на страницах современных сайтов, так как помогают более детально пояснить определенный материал, да и просто разбавляют текстовое содержимое контента. При этом, если изображений много, то для их отображения потребуется значительное свободное пространство на странице, которое не всегда доступно. Поэтому в данной статье мы с Вами поговорим о том, как организовать слайд шоу в joomla 3.
Итак, для тех, кто не знает слайд шоу – это представление, или демонстрация серии нескольких изображений, как правило, одной тематики, в блоке веб-страницы определенного размера. При этом, так как размеры блока ограничены, в единственный момент времени пользователю показывается всего одно изображение. Следующие будут показаны через некоторое время, с использованием различных анимационных эффектов.
Слайдшоу для джумла 3 — это в любом случае отдельное расширение, так как в стандартном функционале не предусмотрены инструменты для его формирования. Поэтому данное расширение нужно либо создать самостоятельно, но для этого необходимо знать API Joomla, либо воспользоваться одним из готовых решений, которых в данное время создано просто огромное количество, причем как платных, так и бесплатных. При этом в зависимости от функционала – расширения слайдеров могут представлять собой как простые модули так и более сложные пакеты, состоящие из компонента, модулей и плагинов.
В данной статье я хотел бы представить Вам достаточно функциональный и простой в работе модуль слайд шоу joomla 3 ,под названием FavSlider, который Вы можете найти на следующей странице.
Для скачивания модуля кликаем по кнопке “Download” и переходим на официальный сайт разработчика данного расширения.
Далее переходим по ссылке “Download for free”, на страницу регистрации и скачивания продукта.
Если у Вас нет учетной записи, то необходимо зарегистрироваться, если же есть, просто авторизуйтесь, используя соответствующие поля. После этого Вы получите возможность скачать модуль.
Ссылка для скачивания будет отправлена на Ваш почтовый ящик, указанный при регистрации. Скачав модуль, устанавливаем его, стандартным способом, используя “Менеджер расширений”.
Далее переходим в “Менеджер модулей”, для публикации и настройки будущего модуля слайд шоу джумла.
При этом, на вкладке “Модуль”, Вы можете задать заголовок будущего модуля, определить позицию его отображения и конечно же если необходимо – опубликовать. На вкладке “Привязка к пунктам меню”, Вы указываете, на каких страницах сайта будет доступен слайдер.
Вкладка “Права доступа”, позволит Вам настроить привилегии пользователей в отношении данного модуля.
На вкладке “Module Settings” приведены основные настройки функционала модуля и его внешнего вида. При этом настроек достаточно много и все они разделены по отдельным группам.
Группа настроек “Slider Options” позволят настроить функционал модуля, а именно – тип слайдера, как будет подключаться библиотека jQuery, какой эффект будет использоваться для смены картинок, а так же размеры миниатюр изображений и всего слайдера в целом.
Группа настроек “Slides Navigation” содержит параметры управляющие панелью навигации слайд шоу, а также поведением слайдера, то есть будет ли отображаться панель управления, какая тема будет использована для элементов навигации, будет ли слайдер зациклен, или изображения будут отображаться в случайном порядке, авто воспроизведение и т.д.
Настройки “Caption Options”, управляют отображением краткого описания и заголовка каждого слайда. Изображения, которые будут отображены в качестве контента слайд шоу джумла, задаются на вкладке “Module Style”.
При этом Вы можете довить в блок слайдера до 10 изображений и при добавлении каждого из них, в Вашем распоряжении следующие поля:
Slide 1 Show – показывать ли текущий слайд.
Slide 1 Type – тип текущего слайда: изображение, или видео.
Slide 1 Image Location or Video ID — путь к контенту слайда (путь к изображению или идентификатор видео).
Slide 1 Image Alt – содержимое атрибута Alt, изображения слайда.
Slide 1 Image Link – адрес на определенную страницу, если изображение слайда должно отображаться в виде ссылки.
Slide 1 Image Title Text – заголовок текущего слайда.
Slide 1 Image Description Text – краткое описание слайда.
Slide 1 Image Read More Text – если, изображение не должно отображаться в виде ссылки, и задан адрес в поле “Slide 1 Image Link”, добавление текста в данную опцию, сформирует ссылку, в качестве заголовка которой будет использоваться добавленный текст, а в качестве пути – значение выше указанного поля.
Таким образом, добавив необходимое количество изображений – сохраняем изменения в данном модуле и переходим в пользовательскую часть для просмотра результатов работы.
Как Вы видите слайдшоу для Joomla, успешно работает и достаточно большое количество изображений, отображается в небольшом по размеру блоке.
Если Вы желаете научиться создавать собственные модули для CMS Joomla, Вам будет полезен наш курс Создание модулей Joomla. Всего Вам доброго и удачного кодирования!!!
