Слайдер для joomla 3


слайдер для Joomla

Правильный слайдер изображений для сайта на Joomla 3

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

Среди множества модулей, нашёл один интересный модуль слайдера.
Он прост, но в то же время функциональный и правильный.

Многие слайдеры не обладают таким функционалом, или же они платные.

Модуль слайдера называется Vinaora Nivo Slider, он может:

  • Выводить описание к изображению
  • Вставлять ссылки в слайды
  • Показывать слайды по очереди или в ином порядке
  • Адаптироваться под разные разрешения экранов
  • Перелистывать слайды с различными эффектами

Скачать его можно с официального сайта разработчика >>

Пример работы можно посмотреть там же или на демо сайте одного из наших шаблонов >>
Этот слайдер идёт в комплекте с нашим шаблоном JT Company.


После скачивания, перейдём к настройке.

Шаг 1. Подготовьте изображения для слайдера.

Изображения должны быть одинакового размера.
Рекомендую называть их 001.jpg, 002.jpg и т.д. Так будет проще ориентироваться в них.

Шаг2. Загрузка изображений на сайт.

Для подготовленных изображений создайте новую папку slider в папке images и загрузите их туда.
Получится такой путь: ваш_сайт/images/slider

Шаг 3. Настройка слайдера.

Перейдите в админку сайта — Менеджер модулей и откройте модуль Vinaora Nivo Slider (он появится в списке после установки).

Опубликуйте его и назначьте ему нужную позицию в вашем шаблоне.

  • В настройках модуля при необходимости укажите размеры слайдера, если он должен быть конкретного размера.
    Иначе будет использоваться вся доступная ширина блока в котором он стоит.
    Высота будет подгоняться автоматически, с учётом пропорций изображений.
  • Укажите в настройках путь до папки изображений? которые вы подготовили для слайдера (Image Directory)
  • Individual Image Path(s) – здесь можно вручную указать адреса изображений, если, например, они находятся в разных папках.

  • Title(s) – здесь с новой строчки указываются заголовки для слайдов. Каждая новая строка — новый слайд.

    Пример:
    1-ая строчка – для 001.jpg
    2-ая строчка – для 002.jpg
    и т.д.

  • Description(s) – здесь указывается описание для слайдов, так же с новой строки


  • Link(s) – ссылки для слайдов (при клике по ним), также аналогично с новой строки для каждого слайда.

  • Link(s) Target – вариант открытия ссылок при клике по слайдеру. В этом же окне (_self) или в новом (_blank).

  • Transition Effect – эффект перехода между слайдами, можете выбрать тот, который вам больше понравится.

  • Animation Speed (ms) – скорость смены слайда (продолжительность перехода) в милисекундах

  • Pause Time (ms) – время для паузы (показа изображения)

  • Start Slide – с какого слайда начинать показ. Обычно выбирают с первого. 0 – случайно.

Остальные настройки на ваше усмотрение.
Их можно оставить по-умолчанию.

На этом быстрая настройка адаптивного слайдера завершена.
Успешного использования.

 

P.S.: Поскольку у всех бесплатных слайдеров чего-то не хватает, то я разработал свой.
Адаптивный, быстрый, с интересными функциями. 
Видео обзор можно посмотреть на этой странице >>

 

joomlatown.net

Слайдер для joomla 3

На данный момент слайдеры уже почти массово переходят на более широкий спектр возможностей. Например, вот эта разработка, способна не только осуществлять переключение изображений в виде слайд – шоу, но еще и воспроизводить видео, что уже дает шанс использовать такой модуль на проектах с самыми разными тематиками.


Такой слайдер для Joomla 3 легко справится с неограниченным количеством изображений и легко выведет видео с популярных видео – хостингов. Поскольку это достаточно новая разработка, функционально она спроектирована крайне грамотно, так что во время работы с модулем удастся использовать большое количество параметров для настройки, но при этом вообще не испытывать сложностей с их контролем. Все расположено во вкладках, которые без проблем дают все возможности для быстрой настройки и запуска слайд – шоу на сайте.

Возможности модуля Slideshow

 Понятное дело, что мало кто станет использовать слишком большое количество слайдов, поскольку это не особо целесообразно, тем не менее, разработчики дают возможность загружать ничем не ограниченное количество изображений. Интерфейс для настроек хорошо сгруппирован, даже имеет структуру с выпадающими элементами, да и вообще, в плане эффектности, тут все сделано неплохо. Ранее уже упоминалось, что годится этот слайдер не только для изображений, но еще и для видео, так что если есть такая необходимость, то разместить на странице видео удастся без проблем. Конфигурировать слайд – шоу можно в нескольких вариациях, но куда более важно то, что модуль полностью подготовлен к работе с мобильными устройствами, и сенсорный дисплей, не станет преградой на пути к нормальной работе этого элемента.

Слайдер для joomla 3

 

Чтобы более явно выделить сильные стороны модуля, можно сгруппировать их в список:


  • В распоряжении пользователя есть несколько скинов;
  • К каждому слайду можно добавлять ссылку;
  • Полная совместимость с RTL;
  • Можно выбирать, как последовательный, так и случайный стиль отображения слайдов;
  • Параметры для определения высоты и ширины;
  • Прикрепление материала к слайдам;
  • Для заполнения слайда информацией, можно использовать несколько полей.

 

Помимо того, этот слайдер для Joomla 3 дает возможность контролировать время отображения слайдов, а сами изображения, удастся загружать, как из папок, так и из категорий и статей. Есть одна «фишка», которая даст возможность быстро загрузить изображения в слайдер непосредственно из альбома Flickr. Также тут имеются настройки для текста, чтобы преподнести его в презентабельном виде. Некоторые плагины, еще больше расширят функционал, но это в большей степени касается уже мелочей, которые не сыграют большой роли в работе расширения.

Один из лучших современных слайдеров

Подобрать себе такой функциональный слайдер не всегда удается быстро, поскольку альтернатив ему очень мало. Тем не менее, именно эта разработка дает все необходимые возможности, которые пригодятся для сайтов с разными тематическими направлениями работы. Учитывая, что это бесплатная версия, она на голову выше многих предложений от других разработчиков.


atempl.com

Содержание

  1. Что такое слайдер?
  2. Виды слайдеров в Joomla
  3. Слайдеры начального уровня
  4. Слайдеры продвинутого уровня

Что такое слайдер

Обычно под слайдером понимается элемент веб-сайта, попеременно отображающий определенный контент следующим образом:

Слайдер состоит из слайдов — отдельных элементов контента, отображаемых в текущий момент времени, а также он может включать другие элементы:

  • кнопки пагинации — для отображения определённых слайдов
  • кнопки влево/вправо — для прехода к предыдущему/следующему слайду
  • миниатюры слайдов

Также слайдеры, как правило, имеют в арсенале ряд настроек, устанавливать:

  • автоматическую смену слайдов,
  • время смены слайдов,
  • задержку смены слайдов при наведении курсора,
  • анимацию смены слайдов,
  • различный контент слайдов,
  • и др.

Виды слайдеров в Joomla


Как правило, в Joomla слайдеры создаются в виде отдельных модулей, выводимых в определённых позициях шаблона или в области компонента.

Слайдеры в Joomla могут отображать следующий контент:

  • произвольный контент: вы сами определяете содержимое каждого слайда
  • материалы компонента: слайды будут содержать некоторую информацию из определённых материалов компонента контента или из какого-либо другого компонента в зависимости от возможностей слайдера

В JED представлено огромное множество подобных расширений в подразделе Slideshow раздела Photos & Images:

Слайдеры начального уровня

Слайдеры начального уровня представляют из себя:

  • смену картинок с эффектами,
  • добавление текста на слайд в определенном месте,
  • вывод содержимого контента и некоторых компонентов.

Подходят для показа галереи, красивых изображений или списка последних материалов.

Среди самых популярных представителей можно выделить:

  • DJ-ImageSlider,
  • Slideshow CK,
  • RokSprocket.

DJ-ImageSlider

Первым на рассмотрении — самое рейтинговое в JED бесплатное


ij/rasshirenie">Подробнее</a></div> ">расширение DJ-ImageSlider.

Возможности DJ-ImageSlider

Вот так выглядит описание слайдера от разработчика:

Разработчики не соврали: всё вышесказанное присуще данному слайдеру.

Пакет расширения включает компонент и модуль, архив весит всего 110 КБ.

Настройки компонента DJ-ImageSlider

Панель управления компонентом очень проста и имеет всего 2 страницы:


  • Категории:

    Здесь можно создать категории, к которым можно относить определённые слайды. В дальнейшем при создании модуля можно указывать категорию, из которой потребуется выводить слайды. При создании категории достаточно заполнить заголовок категории — остальные опции не важны.

  • Слайды:

    Страница создания и редактирования слайда имеет ряд настроек, касающихся отображаемого контента (заголовок, категория, картинка, описание, атрибуты ссылки и изображения).


Настройки модуля DJ-ImageSlider

На странице создания и редактирования модуля во вкладке Модуль содержатся настройки:

  • внешнего вида слайдера:

    Ширина и высота, количество отображаемых слайдов, расстояние между слайдами и т. д.

  • функционала слайдера:

    кнопки перехода, автовоспроизведение, зацикливание показов и т. п.

  • источника слайдов

    компонент или папка с изображениями

Во вкладке Customise Slider можно:

  • настроить показ описания слайда
  • установить картинки для навигационных кнопок
  • определить эффекты анимации и временные интервалы

Вердикт по DJ-ImageSlider

DJ-ImageSlider — лёгкий (архив 110 Кб), простой в использовании, но достаточно функциональный слайдер для Joomla, не содержащий ничего лишнего.

Slideshow CK

Вторым в очереди на рассмотрение стоит модуль Slideshow CK: данное расширение совсем немного отстаёт от предыдущего слайдера по количеству отзывов и совсем не проигрывает по рейтингу.

Несмотря на то, что пакет слайдера включает только модуль, Slideshow CK нельзя назвать простым и лекговесным расширением: дистрибутив весит около 1600 Кб, а сам модуль имеет большое количество настроек.

Основные возможности Slideshow CK

Относительно тяжелый дистрибутив отражает большой набор возможностей модуля:

  • неограниченное количество слайдов
  • эргономичный интерфейс администрирования с Drag & Drop
  • возможность создавать слайды на основе картинок, видео или материалов
  • совместимость с сенсорными мобильными устройствами
  • адаптивный дизайн
  • ссылки и заголовки в слайдах
  • возможность вставки HTML-кода в слайды
  • настройка порядка отображения слайдов
  • миниатюры слайдов и настройка их размеров
  • кастомизация внешнего вида слайдера

Может показаться, что нет очевидных преимуществ перед DJ-ImageSlider, но мы их подчеркнём:

  • по умолчанию слайдер Slideshow CK смотрится значительно эффектнее
  • формирование слайдов из материалов компонента контента
  • включение и проигрывание видеороликов в слайдах
  • очень большое количество настроек для кастомизации

Дополнительные возможности Slideshow CK

Хотя сам модуль является бесплатным, чтобы задействовать все его возможности, могут понадобиться еще 2 платных расширения:

  1. Plugin Slideshow CK Params

    Позволяет устанавливать дополнительные источники для формирования слайдов, а также открывать ссылку слайда в модальном окне. Подробнее .

  2. Package theme Default

    Пять дополнительных стилей для внешнего вида слайдера. Подробнее .

  3. плагины интерграции с другими сторонними компонентами

    Также есть плагины для формирования слайдов из элементов компонентов Virtuemart, K2, HikaShop. Подробнее .

Настройка модуля Slideshow CK

Страница редактирования модуля имеет много присущих данному слайдеру вкладок:

  • Slides source

    Здесь можно выбрать источник слайдов. Каждый источник настраивается в отдельной вкладке. По умолчанию можно использовать только Slides Manager, для остальных источников необходимо устанавливать дополнительный плагин Slideshow Params

  • Slides manager

    Пользовательские слайды: контент каждого слайда настраивается индивидуально.

  • Autoload from a folder (требуется плагин Slideshow Params)

    Формирование слайдов из изображений в указанной папке.

  • Autoload from a category of articles (требуется плагин Slideshow Params)

    Формирование слайдов из материалов Joomla определённой категории.

  • Autoload from a Flickr (требуется плагин Slideshow Params)

    Формирование слайдов из галереи Flickr.

  • Styles options

    Настройки стиля отображения слайдера. Здесь же можно сменить основную тему на дополнительную, входящую в пакет Package theme Default.

  • Effect options

    Настройки эффектов при смене слайдов.

  • Lightbox options (требуется плагин Slideshow Params)

    Открытие ссылок в модальном окне.

  • Дополнительные параметры

    Загрузка jQuery, отключение HTML-тегов в контенте и т. д.

  • Article options

    Настройка вывода контента из материалов Joomla.

  • Caption styles

    Кастомизация стиля подписей к слайдам.

  • Hikashop options (требуется плагин Slideshow Params)

    Формирование слайдов из товаров компонента Hikashop.

Вердикт по Slideshow CK

Достаточно мощное расширение для создания привлекательного слайдера на сайте Joomla с массой возможностей по кастомизации. Пусть вас не пугает наличие платных расширений для этого модуля: по умолчанию Slideshow CK генерирует красивые слайдеры, слайды для которых можно создать вручную во вкладке Slides manage.

RokSprocket

Третье расширение для реализации слайдера на Joomla.

Начнём с того, что RokSprocket — это особенное расширение, которое позволяет создавать не только слайдеры, но и другие вариации модулей для сайта на Joomla:

  • вкладки (Tabs),
  • таблицы (Tables),
  • списки (Lists),
  • вкладки (Tabs),
  • таблицы (Tables),
  • галереи (Mosaic),
  • и т. д.

Всё это делает RokSprocket многофункциональным расширением, что отражается на его тяжеловесности: дистрибутив весит около 3700 Кб и включает библиотеку, компонент, модуль и три плагина, а также версию для MACOSX.

Весь функционал RokSprocket достаётся совершенно бесплатно.

Возможности RokSprocket

Рассмотрим возможности данного расширения в отношении создания слайдеров.

Как указывалось ранее, модуль RokSprocket имеет несколько вариаций, которые выбираются при его создании. Интересующая нас вариация называется Features, и в этой вариации можно:

  • выбирать источник формирования слайдов

    Пользовательские слайды, материалы Joomla, а также материалы ZOO и K2.

  • редактировать контент слайдов

    Указывать заголовок, описание, картинку и ссылку отдельно для каждого слайда.

  • выбирать предопределенный стиль слайдера

    На выбор предоставляется 3 темы.

  • вставлять HTML-теги в названия или описания

    Эту возможность можно отключить.

  • кастомизировать функции слайдера

    Включать/отключать пагинацию, стрелки навигации, автовоспроизведение и т. д.

  • выбирать тип анимации
  • предопределять размер картинок

Следует отметить, что модули RokSprocket имеют свой оригинальный интерфейс в панели администрирования и используют технологию Ajax при сохранении.

Вердикт по RokSprocket

Если вам нужен исключительно слайдер для главной (или другой страницы), то проходите мимо RokSprocket‘а — это расширение предлагает лишь фундаментальные настройки слайдера, не давая возможности гибко кастомизировать стиль модуля без знания CSS, при этом внося в CMS слишком много лишнего функционала. Однако, если вам необходим не только слайдер, но также модуль модуль галереи, вкладки с содержимым или другие вариации модулей, то рекомендуем обратить внимание на это расширение.

Слайдеры продвинутого уровня

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

Основные отличия продвинутых слайдеров:

  1. Холст.

    Для создания слайдеров нам предоставляется холст на котором мы можем позиционировать элементы в свободном порядке. Как в фотошоп накидываем элементы и размещаем их на холсте. Не нужны отступы и позиционирование элементов, просто перетаскиваем мышкой и оставляем в нужном месте.

  2. Слои.

    Каждый аддон для слайда (текст, изображение, заголовок, кнопка и прочее) является слоем и имеет свои настройки.

  3. Эффекты.

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

  4. Размеры и адаптивность.

    Любые размеры: во всю ширину, во всю высоту и разные вариации заполнения пространства фоном, а так же проработка слайдов для мобильных устройств.

  5. Детальная настройках всех элементов.

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

  6. Динамический контент.
    Создание слайда и шаблона для автоматического заполнения динамическим контентом, т. е. материалами из других расширений: магазины, блог, соц. сети, стандартный контент, RSS-ленты и многое другое. В базовых слайдерах тоже есть такая возможность, но существенно меньшее количество источников с очень слабыми возможностями настройки внешнего вида.

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

Лучшими в своём роде расширениями для создания продвинутых слайдеров на Джумла являются:

Сравнение Slider Revolution и Smart Slider 3
Slider Revolution Smart Slider
Типов слайдеров 2 5
Шаблонов 80+ 100+
Типов слоёв 8 21
Динамических источников 8 22
Библиотека объектов
Дополнения
Режимы редактирования
Библиотека слайдов
Анимированные разделители
Рандомизация слайдов

joomla.center

jt_slide v1.0 – удобный автоматический слайдер

Иногда, выполняя какие-либо действия на сайте, возникает желание предоставить посетителям возможность знакомиться с материалом как-то иначе, не только в виде текста и статической картинки. Куда интереснее все это будет происходить, благодаря даже самому элементарному слайдеру. Если вас интересует именно такой способ показа материалов, то модуль jt_slide неплох для этого. Поддерживая среднестатистическое количество слайдов, предоставляя площадку для размещения ссылок, он легко внедрится в общий интерфейс сайта.

Использование чистых JQuery и CSS для работы

Сам слайдер обладает очень тонким набором настроек, которые коснутся цветовой подачи, использования некоторых аппаратных особенностей и, конечно же, ссылок. Поддерживается целых 10 изображений, которые в итоге отражаются либо в чистом виде, либо являются, так сказать, «дверью» к какому-то другому материалу. В зависимости от количества слайдов, сам блок будет иметь еще и цифры, обозначающие конкретный слайд и помогающие в максимально быстром режиме переключаться между картинками. Также, модуль jt_slide в параметрах имеет поле указания версии JQuery, автоматической проверки его загрузки, настройки темы слайдера и еще ряд параметров, которые влияют на внешность устанавливаемого расширения.

Возможность работать со слайдером, начиная с версии Joomla 2.5

Довольно значимым акцентом этого слайдера является то, что он работает далеко не на самых новых версиях Joomla, но при этом оснащается хорошим набором инструментов. Работа со старыми браузерами, неплохие возможности по корректировке внешности модуля, а также простота работы, которая очень ценится новичками, все это делает данное расширение очень привлекательным. Ну а для начала сотрудничества, каждому из заинтересовавшихся нужно лишь скачать модуль jt_slide и наслаждаться его работой!

Скачать удобный автоматический слайдер

 


 

VTEM IMAGE STACK

VTEM Images Stack v1.1.1 – нестандартное решение среди слайдеров

В случае, если вам надоели стандартные слайд-шоу, где одна картинка просто сменяется другой, то стоит опробовать модуль VTEM Images Stack, ведь среди десятков слайдеров – это самое необычное решение. Переключение между изображениями происходит не полной заменой картинки, а расположением их в некотором подобии «карусели». Перед пользователем будет появляться набор картинок, где одна будет основной, а другие в уменьшенном виде, хотя об этом мы сейчас поговорил поподробнее.

Что нового для нас придумали создатели слайдеров?

Итак, основное отличие – это вид слайдера. Как и говорилось выше, одна картинка, которая просматривается непосредственно сейчас, будет находиться в центре, а две тех, которые стоит до и после неё, отобразятся в уменьшенном виде, но при этом они останутся активными и переключиться к ним будет очень легко. В один момент расширение может отобразить три изображения, а все остальные, пока скрываются за основным блоком. Для оперативного перехода к какой-либо другой картинке, которую пока не видно, представлен набор обозначений в цифрах. Каждая цифры будет закреплена за слайдом и с её помощью посетителю легко будет переключиться на любой элемент слайдера. В настройках, которые предлагает модуль VTEM Images Stack, можно выбирать стили переключения, размеры и основного изображения и миниатюр, естественно скорость и прочие параметры.

Выбирайте то, чего нет у других!

Используя такой слайдер, у вас уж точно получится сделать сюрприз для многих. Его возможности, особенно подача, привлекают внимание и на этом можно очень неплохо сыграть. Чтоб овладеть всем этим, нужно скачать модуль VTEM Images Stack, а со всеми настройками разобраться не так уж и сложно. Работайте с уникальными расширениями, и тогда у вас действительно получится развить проект, который будет интересен уже при первом взгляде.

Скачать слайдер изображений VTEM Images Stack

 


 

DZI Responsive Banner Slider v1.0 – слайдер для любых целей

DZI Responsive Banner Slider v1.0 – слайдер для любых целей

Разрабатывая модуль DZI Responsive Banner Slider, создатели делали акцент не только на том, что сюда можно помещать картинки и в итоге получается типичное слайд-шоу. В некотором роде – это площадка для рекламы, хотя четко сказать, что у расширения есть какое-то конкретное назначение, никак нельзя. Но, для позиционирования, каких бы там ни было материалов, это дополнение дает достаточное количество настроек форм и способов отображения, так что даже если вы захотите себе просто слайдер – воспользуйтесь этим модулем.

Устройте настоящее представление на своем сайте

Установив это расширение, вы сможет воспользоваться достойнейшим набором разных форм и способов вывода слайдов. Начиная от очень родного для всех стандартного переключателя и заканчивая внедрением «карусели» и многого другого. Независимо от того, каким именно вы создали свой проект, данная разработка сможет подчеркнуть и стиль в нужный момент, и сделать главную станицу веселее, в случае преследования именно такой цели. Благодаря разным возможностям, вам удастся устраивать рекламу собственных продуктов, причем по несколько штук в одном блоке, также очень легко продвигать предложения партнеров. В целом, модуль DZI Responsive Banner Slider пригодится в любом случае, если вы даже просто решите оснастить сайт парой – тройкой картинок, исключительно для визуального восприятия.

Игра форм и ярких изображений – используйте это на благо сайта!

Если у вас имеются хорошие идеи, каким образом с помощью слайдера сделать сайт интереснее и значительно лучше, воспользуйтесь возможностью скачать модуль DZI Responsive Banner Slider, ведь учитывая его возможности, а также полную безвозмездность, он станет значимым помощником для вашего бизнеса. Да и как мини-галерея, такое расширения очень даже ничего, главное – это грамотный подбор содержимого.

Скачать слайдер для любых целей

 


 

Crisp Nivo Slider v1.2 – слайдер современности

Crisp Nivo Slider v1.2 – слайдер современности

Современный слайдер – каков же он? У каждого свои понятия современности, однако, если обратить внимание на то, насколько хорошо презентует этот слайдер самые обычные изображения, можно сказать, что он точно из новеньких на рынке. Все дело в том, что модуль Crisp Nivo Slider имеет довольно неплохие шрифты для подписи слайдов, эффект переключения тут редко используемый, да и вообще вид самого модуля в целом, смотрится великолепно. Кстати, работать с ним смогут не только те, кто пользуется соответствующими ему самыми современными версиями Joomla, вполне легко организовать такой слайдер на своем проекте, сделанном на версии 2.5!

Поддержка пользовательских цветов и специальные элементы слайдера

Каждому нравится, когда на обычном слайдере появляются какие-то кнопки для управления. В данном случае таких небольших элементов здесь даже несколько. Первый – кнопка пуска, которая сделает переключение между выбранными снимками автоматическим. Время, которое слайд удерживается на позиции, измеряется специальным загрузочным индикатором, он выполнен в форме кольца. А еще, если автоматика вам не нужна, можно переходить между слайдами с помощью кнопочек под ним, или же стандартных стрелочек. Процесс переключения, который организовывает модуль Crisp Nivo Slider, очень привлекателен. Картинка начинает слегка пошатываться, а потом резко сменяется другой. Ну и, конечно же, нельзя не упомянуть то, что расширение поддерживает использование пользовательских цветов.

Красивые шрифты для подписей

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

Скачать современный слайдер

 


 

слайдер для рекламы и простых изображений

 

TKSD Fractionslider v1.0.0 – слайдер для рекламы и простых изображений

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

Яркие эффекты и для слайдов и для текста

Поддерживается этим слайдером размещение 10 изображений, но все это было бы слишком банально, если бы не прилагаемые к картинкам титры. Каждый слайд можно оснащаться 3 титрами, которые появляются на снимке в очень интересный способ. Помимо шикарной смены основного изображения, из разных сторон выпадают, да, именно выпадают, по одному титры, в определенных цветовых блоках. После падения они немного попрыгивают на месте, после чего появляется новый блок. Когда слайд меняется, они уходят в ту стороны, откуда взялись, и все это настолько систематизировано, что наблюдать за всем процессом очень интересно. Модуль TKSD Fractionslider позволяет также в полной мере регулировать цвета фона, выбирать ту ширину для выпадающих титров, которая вам удобна и вообще, влиять на целый ряд параметров, что явно отлично подходит для рекламы, не говоря уже о стандартных целях использования слайдера.

Создавайте слайд-шоу нового поколения

Используя все новшества создания слайд-шоу, вы сможете удивлять и однозначно радовать посетителей своего сайта. Без каких-либо колебаний, главным нашим советом будет скачать модуль TKSD Fractionslider, и не задумываясь использовать все его преимущества!

Скачать слайдер для рекламы и простых изображений

 


 

EXT ElastiStack Images

EXT ElastiStack Images v1.0 – самое необычное решение для просмотра изображений

Если вам надоели галереи и слайдеры, и хочется попробовать что-то такое, что станет и полезным и развлекательным элементом одновременно, то стоит оценить модуль EXT ElastiStack Images. Вид, в котором выводятся загруженные изображения, сравнивать с чем-либо, что вы видели до этого, просто не нужно, ведь перед нами совершенно свежее решение и оно достойно внимания. К используемым изображениям, как заверяют разработчики, можно будет прикреплять ссылки для перехода, а также код html, что уже для большей части расширений для работы с изображениями, в диковинку.

Прикоснитесь к неразделимой связке из картинок

Итак, в каком же виде нам предоставляются изображения, помещенные в это дополнение? Сразу стоит отметить, что видеть пользователь будет всего одну картинку, а все остальные, выстроятся в ряд ровно за ней, и видимая часть от них – это только нижняя часть рамки. Когда происходит нажатие на изображение – смены картинки не будет. Но, взявшись за нее и протянув в любую из сторон, как раз начинается шоу. Все картинки скреплены друг с другом и начинают вытягиваться во что-то похожее на ленту. Как только та граница, которая является пределом для оттягивания, будет преодолена, верхний снимок исчезает и появляется следующий. В итоге, модуль EXT ElastiStack Images просто позволит посетителям разбрасывать изображения во все стороны на своем дисплее, при этом получая доступ к следующей картинке – и весело и эффектно!

Какие настройки будут доступны?

Для работы с расширением пользователю открыты настройки по установлению размеров картинок. Также как и говорилось выше, сюда можно устанавливать ссылки и код, что уже делает дополнение не так уж и несерьезным. Если вам нужно действительно самое свежее решение, то скачать модуль EXT ElastiStack Images у вас получится без малейших затрат.

Скачать слайдер для просмотра изображений

 


 

ARI Orbit Slider

ARI Orbit Slider v1.2.0 – великолепный во всех отношения слайдер

Модуль ARI Orbit Slider считается вполне грамотным решением для того, кто ищет нечто среднее, между очень стильным и максимально функциональным слайдером. Разработчики вместили сюда всего, и это никоим образом не сделало его наляпистым или просто бестолковым. Функционал расширения позволяет делать с изображениями много разных манипуляций, при этом, используя пространство в самом блоке слайдера очень эффективно.

Используйте изображения из различных папок и применяйте к ним шикарные эффекты

Используя это дополнение, у вас появится возможность указывать в параметрах, откуда именно черпать слайдеру изображения и какие эффекты использовать. Всего предусмотрели три эффекта смены, но этого обычно достаточно. Для любителей фильтров, предоставляется система сортировки, в которой можно отобрать картинки по 3 признакам. Но наиболее интересно то, что расширение позволяет на своей базе создавать собственные темы отображения, а этим часто пользуются владельцы сайтов, не терпящих исключительно стандартный вид устанавливаемых модулей. В параметрах, которым располагает модуль ARI Orbit Slider, еще имеется несколько фишек, например, можно автоматически запустить слайд шоу, в правом углу будет индикатор, который уведомит вас, когда произойдет следующее переключение между слайдами. Также, в верхней части модуля расположатся точки, которые обозначают количество всех слайдов, и по нажатию на них, посетителям удастся переместиться хоть к самому последнему изображению, хоть к тому, которое находится где-то в середине.

Подписывайте изображения и интегрируйте их в расширения лайтбокс

Как ни странно, в последнее время разработчики все чаще допускают совместную работу разных расширений, а в этом случае, конкретно с теми, которые выводят картинки в лайтбоксе. Тем не менее, используя сам слайдер, вы и так красиво подадите материал, сможете подписывать его, использовать фильтр, разные цвета и многое другое. Осталось только скачать модуль ARI Orbit Slider и дело будет сделано!

Скачать простой слайдер изображений

joomru.com

Представляю вашему вниманию профессиональный слайдер собственного производства для Joomla 2.5 / 3. Он сделан на основе camera slider и позволяет легко выводить слайды на вашем сайте. Рассмотрим возможности модуля подробнее. Их немало.

Основные возможности слайдера
1. Позволяет задавать ширину и высоту в любых пропорциях — особенно, если модуль необходимо сделать на весь экран (высота 50%, ширина 100%).
2. Можно к каждому слайду добавлять подпись.
3. Каждая картинка может быть ссылкой на ваш материал или сторонний сайт.
4. Можно спокойно ставить хоть 10 таких слайдов (предварительно поменяв id в модулях) без конфликтов друг с другом.
5. Множество эффектом перелистывания слайдов (самые красивые: mosaic и curtainSliceRight). Все эффекты: random,simpleFade, curtainTopLeft, curtainTopRight, curtainBottomLeft, curtainBottomRight, curtainSliceLeft, curtainSliceRight, blindCurtainTopLeft, blindCurtainTopRight, blindCurtainBottomLeft, blindCurtainBottomRight, blindCurtainSliceBottom, blindCurtainSliceTop, stampede, mosaic, mosaicReverse, mosaicRandom, mosaicSpiral, mosaicSpiralReverse, topLeftBottomRight, bottomRightTopLeft, bottomLeftTopRight, bottomLeftTopRight
6. Возможность менять время прокрутки слайдов от 1 до 10 секунд.
7. Возможность скрыть или показать кнопки навигации (следующий, предыдущий слайд).
8. И самое главное — вы можете установить до 50 картинок включительно в 1 модуль слайдера!

Скриншоты:

sc1 sc1 sc1 sc1 sc1

Установка слайдера
1. Скачайте слайдер по следующей ссылке: bnslider
2. Установите слайдер через менеджер расширений и перейдите в менеджер модулей. В админке будет называться «Слайдер bnslider blogprogram.ru» — откройте его.
3. Не забудье выставить модулю позицию, опубликовать на всех страницах (или тех, которые требуются), и нажать кнопку опубликовать. Далее выставляйте модуль в шаблон сайта и пользуйтесь на здоровье! (по умолчанию у слайдера должно быть минимум две картинки).

О всех настройках модуля подробнее
— id слайдера — Если планируется использовать несколько разных слайдеров на 1-й странице — в каждом модуле ставьте уникальную цифру
— Высота слайдера — Указывайте высоту числом (в пикселях) или в процентах. Например: 468px или 50%
— Ширина слайдера — Указывайте ширину числом (в пикселях) или в процентах. Например: 980px или 50%
— Эффект перелистовыния — см. выше
— Время прокрутки слайдеров — Здесь необходимо указать время показа слайдов
— Показывать навигацию — Показывать или нет навигацию на слайдере (стрелки)
— Включить JQuery — Если на сайте у вас нет JQuery — выберите этот пункт

Скачать bnslider для Joomla 2.5 / 3

 

blogprogram.ru

01 Unite Revolution Responsive Slider

1 Revolustion Slider  

 Unite Revolution Slider — удивительный слайдер для Joomla, который поставляется с максимальным количеством встроенных функций. Слайдер может обеспечить всю функциональность, которая только может пригодиться вам в вашем проекте. Этот потрясающий слайдер был разработан Themepunch и доступен только в платной премиум версии. 

Официальный сайт Посмотреть на JED

02 RokSprocket

2RocketSpoekt  

Roksprocket является одним из лучших супер расширений, разработанных, чтобы предоставить пользователю максимальный уровень контроля над представлением контента в привлекательном виде. Мощное расширение поставляется с многочисленными функциями, включая слайд-шоу. С RokSprocket вы можете легко создать замечательное слайд-шоу. Это большое расширение было создано отличной командой Rockettheme. Roksprocket — бесплатное расширение. 

Официальный сайт Посмотреть на JED

03 Image Show

3Image show 

Image Show одно из самых интересных слайдшоу расширений, которым можно удивлять своих посетителей. Расширение легко устанавливается. Слайдшоу включает в себя картинки, материалы или тексты, заданные пользователем. Расширение бесплатно, разработанно компании GavickPro. 

Официальный сайт Посмотреть на JED

04 Parallax Slider

4Paralax SLider 

Parallax Slider — это еще один мощный адаптивный модуль слайдера. Он поможет отображать ваши материалы и новости Joomla или K2 в абсолютно новом и привлекательном виде. Одним из больших плюсов данного расширения в том, что оно обладает огромным количеством различных настроек и полной поддержкой Joomla 2.5 и 3.х. Parallax Slider отзывчивый и адаптивный, благодаря чему доступен на каждом устройстве. Еще один безусловный плюс в том, что этот модуль бесплатен.

Официальный сайт Посмотреть на JED

05 Widgetkit

5widgetkit 

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

Официальный сайт Посмотреть на JED

06 Unite Nivo Slider

6Nivo  

Unite Nivo Slider один из лучших модулей слайдера для Joomla. Он состоит из модуля и компонента для максимального удобства, и имеет все функции, которые есть в оригинальном JS плагине Nivo Slider. Unite Nivo Slider поставляется в бесплатной и премиум версии.

Официальный сайт Посмотреть на JED

07 SP Smart Slider

7Sp smart slider 

SP Smart Slider — слайдер и для контента, и для изображений. Расширение обладает очень крутой особенностью, которая состоит в том, что вы можете легко интегрировать любые слайд-шоу на jQuery в SP Smart Slider. Вы можете скачать его прямо сейчас и абсолютно бесплатно. Разработчик расширения — Joomshaper.

Официальный сайт Посмотреть на JED

08 DJ-ImageSlider

8phoca thumb l 1 full size image 

DJ-ImageSlider — бесплатное расширение. Оно позволяет отображать изображения с названием и кратким описанием, а также привязать к слайдам любой пункт меню, статью или URL-адрес. DJ-ImageSlider может отображать несколько изображений вертикально или горизонтально одновременно. 

Официальный сайт Посмотреть на JED

09 Smart Slider 2

9smartslider2  

Smart Slider 2 — адаптивное премиальное слайд-шоу для Joomla. Расширение содержит 4 типа слайдеров, чтобы дать вам возможность представить ваш контент так, чтобы он потрясти ваших клиентов.

Официальный сайт Посмотреть на JED

10 Slideshow CK

10slideshow ck

Официальный сайт Посмотреть на JED

Заключение

Слайд-шоу — это прекрасное решение для представления вашей информации максимально быстро и эффективно. Мы создали этот список на основе популярности расширений и нашего опыта. Но любой модуль используются в зависимости от вашей стратегии дизайна, а также с учетом пользовательского опыта, и целей представления информации на вашем сайте. Надеемся, что данная статья была вам полезна!

Какое слайд-шоу вы используете в ваших проектах? Расскажите нам об этом в нашей группе ВКонтакте!

joomla.ru

Wedal Joomla Slider. Демонстрация.

Что представляет из себя данный модуль? Это простой способ организовать на сайте демонстрацию изображений с подписями и, если необходимо, ссылками. Вот как это выглядит:

Оформление модуля и скрипт, реализующий слайдшоу, взяты из фреймворка Bootstrap, который интегрирован в Joomla 3.  Когда я увидел данный скрипт, он мне сразу понравился. Просто и изящно, а главное, работает с любым шаблоном Joomla 3, использующим Bootstrap Framework.  

Wedal Joomla Slider. Описание настроек.

Я решил сделать модуль максимально простым. Не люблю, когда в расширении нужно разбираться пол дня, а потому добавил только самое необходимое:

wedal-joomla-slider

Настройки следующие:

  • Суффикс класса модуля – стандартная опция для всех модулей Joomla. Позволяет задать для модуля уникальный CSS-класс.
  • Ширина модуля – ширина слайдшоу. Должна совпадать с шириной изображений, которые будут демонстрироваться. Все изображения должны иметь одинаковые ширину и высоту.
  • Изображение X – выпадающий список с доступными изображениями для слайдшоу. Чтобы изображения появились в списке, они должны быть загружены в папку images/slides.
  • Ссылка X – добавляет ссылку, по которой будет перенаправлен пользователь, если кликнет по изображению.
  • Заголовок X – заголовок подписи изображения.
  • Описание X – подпись изображения.

В одно слайдшоу может быть добавлено максимум 10 изображений, по количеству доступных в модуле полей.

Вот и все настройки. После установки автоматически задаются демо-настройки, показывающие слайдшоу, как в демо выше.

Важное замечание!

Модуль Wedal Joomla Slider будет корректно работать только в том случае, когда в используемом шаблоне сайта подключен Bootstrap Framework!

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

Предвижу вопрос: почему я не включил Bootstrap в модуль? Только потому, что использование фреймворка ради одного модуля – это стрельба из пушки по воробьям. Не стоит этого делать, лучше подобрать другой модуль.

wedal.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.