Вы здесь: Главная|Расширения|Модули Joomla|Скроллеры, слайдеры|Blazing Responsive Slider

Blazing Responsive Slider

Разработчик: Разные

Бесплатный модуль адаптивного слайдера.

Этот слайдер отлично отображается как на компьютерах, так и на мобильных устройствах. 20 картинок, 27 эффектов переходов, возможность использования заголовков и ссылок, множество настроек, бесплатность - вот лишь некоторые его преимущества.

Настройки модуля Blazing Responsive Slider

Вкратце рассмотрю основные настройки этого абсолютно бесплатного модуля для создания адаптивного слайдера на Joomla 3.

Во вкладке «Модуль» располагаются следующие параметры:

Autoplay Slides - выбираем, будет ли слайдер запускать автоматически или его можно будет листать только вручную.

Autoplay on mobile device - то же самое, но на мобильных устройствах. Видимо, создатели этого расширения Joomla 3 предусмотрительно подумали об этом, так как интернет на мобильных часто ограничен по трафику. Очень удобно.

Effects on slide - к какому из слайдеров будет применяться эффект перехода (к предыдущему, следующему или случайно).

Slides as link - будет ли каждая картинка в слайдере использоваться как ссылка.

Thumbnails -

Slide Duration - время в миллисекундах, на протяжении которого будет отображаться один слайд.

Animation Duration - сколько будет длиться эффект перехода.

Columns for images transitions - число колонок при трансформации (смене) изображений.

Rows for images transitions - то же самое только применительно к горизонтальным линиям.

Choose FX Effects - здесь можно выбрать, какие из 27 эффектов перехода между слайдами будут использоваться. У меня выбраны все существующие.

Grid Difference -

Height - высота изображения (указывается в процентах относительно общего размера экрана).

Min. height - минимальная высота изображения в пикселях.

Pause on Hover - пауза при наведении.

Loader - элемент, показывающий время до загрузки следующего слайда (можно выбрать Bar - линия наверху, Pie - круглый загрузчик в левом нижнем углу или вообще отказаться от лоадера).

Bar direction - определяем направление движения линии лоадера (по умолчанию: слева направо). Работает только при выборе параметра Bar в предыдущем пункте.

Bar position - где расположится лоадер (если выбран Bar): наверху, внизу, справа или слева.

Pie diameter - диаметр круга загрузки в пикселях (используется если в качестве лоадера был выбран Pie).

Pie position - выбираем, где будет располагаться этот «загрузочный пирог»: справа наверху, слева наверху и т.д.

Loader color - цвет «бегущей» линии лоадера.

Loader background color - цвет фона лоадера.

Loader opacity - полупрозрачность лоадера (от 0 до 1).

Loader padding - отступ между линией загрузки и её фоном (указывается в пикселях).

Loader stroke - толщина всего лоадера в пикселях.

Navigation - здесь имеются ввиду только стрелки, листающие слайды вперёд или назад. Выбираем, отображать их или нет.

Navigation Hover - если активировать этот параметр, то стрелки будут появляться только при наведении курсора мыши.

Mobile Navigation Hover - то же самое только для мобильных устройств.

Play/Pause - показывать ли эту кнопку.

Opacity on grid - полупрозрачность на сетке. Сложновато вот так просто объяснить. Сам оставляю по умолчанию.

Pagination - отображать ли нумерацию страниц (квадратики внизу).

Pause on click - слайдер останавливается, если по одной из картинок в нём кликнули.

Portrait mode - этот параметр позволяет запретить обрезку картинки (так называемый портретный режим). используя его в этом бесплатном адаптивном слайдере, придётся подгонять изображения для должного его отображения.

Slide caption bottom space - расстояние между надписью и слайдом.

Slide caption width - какой процент от общей ширины слайдера будет занимать надпись (по умолчанию - 50%).

Caption background color - цвет фона под надписью.

Caption Background opacity - полупрозрачность фона под надписью (от 0 до 1).

Caption text color - цвет самой надписи.

Caption padding - отступ от текста до края рамки надписи.

Caption Fx - выбираем, какие эффекты смены надписи будут использоваться на представленном демо выбран fadeln).

Buttons hover color - цвет навигационных кнопок при наведении курсора мыши.

Borders color - цвет их же рамки.

Responsive fullwidth fix - адаптивная полноэкранность. При включении слайдер расширится до размера всего экрана вне зависимости от того, в какой позиции он находится.

Всего в бесплатном адаптивном модуле Blazing Responsive Slider для Joomla 3 можно использовать 20 изображений (слайдов). Их можно выбрать и настроить во вкладках «Slides 1-10» и «Slides 11-20». Там мы выбираем картинку. Затем, если надо, вводим ссылку. Выбираем, как она будет открываться: в том же окне или в новом. Определяем надо ли отображать кнопку «Read More». И в поле Slide caption вводим сам заголовок слайда.


Разработка бизнес сайта на CMS JoomlaРазработка интернет-магазина на Joomshopping