Вы здесь: Главная > Мои работы > Расширения Joomla > 5 лучших слайдеров с миниатюрами для сайта Joomla

Бесплатные расширения для Joomla

5 лучших слайдеров с миниатюрами для сайта Joomla

Обзор расширений, предоставляющих возможность добавления на сайт под управлением CMS Joomla слайд-шоу с миниатюрами представленных изображений.

 1.      jQuery Fullscreen Image Gallery Joomla 2.5

Сайт разработчика: http://jextensions.com/fullscreen-image-gallery-joomla-2.5/

Расширение полностью совместимо с Joomla 2.5/3.x.

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

Установка модуля стандартна. После проведения процедуры установки модуль под названием «JE Fullscreen Image Gallery» следует перевести в состояние «Опубликовано» и перейти к его панели управления для настройки: выбора версии jQuery, установки желаемой ширины и высоты изображения, задания параметров слайдшоу: режима просмотра (полноэкранный, нормальный, оригинальный), типа прокрутки изображений, скорости прокрутки, включения либо отключения возможности навигации с помощью клавиатуры и функции автозапуска, а также временного интервала между слайдами при автоматическом воспроизведении. Для миниатюр можно задать желаемую длину, ширину, качество изображения и выравнивание. Далее, выбрав режим «Individual» можно настроить каждый из слайдов в отдельности (выбрать изображение и ввести его заголовок); режим «From folder» позволяет загрузить все изображения из указанной папки.

На вкладке «Дополнительные параметры» можно выбрать HTML-тег модуля, размер Bootstrap, HTML-тег заголовка, стиль модуля и ввести CSS-класс заголовка.

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

Впечатляюще выглядит демонстрация работы модуля (доступна по ссылке):

 Демонстрация работы модуля jQuery Fullscreen Image Gallery Joomla 2.5

Следует отметить, что при удалении курсора мыши непосредственно с модуля, исчезают миниатюры изображений:

 Слайдшоу, созданное с помощью модуля  jQuery Fullscreen Image Gallery Joomla 2.5

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

2.      Slideshow CK

Сайт разработчика: http://www.joomlack.fr/en/component/dms/view_document/59-slideshow-ck

Расширение полностью совместимо с Joomla 1.5/2.5/3.x.

Слайдер «Slideshow CK» создать слайд-шоу с различными эффектами не только из изображений, а еще и из видеозаписей, причем они могут чередоваться в любом порядке. Модуль отличается поддержкой мобильных устройств, адаптивных шаблонов; управление параметрами модуля можно производить с помощью интерфейса drag&drop. Кроме того, расширение позволяет выбрать одну из тем оформления, в подпись к слайдам можно вставлять статьи с сайта, для каждого из слайдов можно задать своё время отображения. Модуль совместим с компонентом интернет-магазина «Virtuemart» (дополнительно нужно установить плагин «Slideshow CK Virtuemart») и «Hikashop».

После успешной установки модуля в админ-панели помимо сообщения об этом радостном событии появляются ссылки на загрузку документации, тем оформления к модулю и на другие расширения от разработчика «Slieshow CK».

В «Менеджере модулей» модуль «Slideshow CK» необходимо перевести в статус «Опубликовано».

При настройке параметров модуля нужно выбрать его позицию и привязать его к пунктам меню сайта. На вкладке «Slides manager» представлена визуальная панель добавления слайдов, на которой для каждого из них требуется выбрать изображение или видеофайл, ввести его название и описание. Для изображения можно выбрать выравнивание, не зависимо от содержимого слайда можно добавить ссылку-подпись под ним или выбрать статью из уже имеющихся на сайте.

Добавление изображений для слайд-шоу в панели настрое плагина Slideshow CK 

Для автозагрузки изображений из папки и из категории статей, настройки всплывающего окна необходимо дополнительно установить плагин «Slideshow Params». На вкладке «Styles options» можно выбрать одну из тем оформления, представленных в списке, обложку слайд-шоу и его выравнивание; иконку, отображающуюся при загрузке, ширину и высоту слайд-шоу, тип навигации; наличие миниатюр либо их отсутствие, ширину и высоту миниатюр и нумерацию страниц.

Существует также отдельная вкладка для настройки эффектов перехода между слайдами – «Effects options», на которой можно выбрать один или несколько эффектов анимации (есть также вариант выбора случайной последовательности эффектов), время показа каждого из изображений, интервал паузы между изображениями, эффект для заголовка слайда, включить автоматическую коррекцию размера изображений, автовоспроизведение слайд-шоу, включение паузы при нажатии клавиши мыши, порядок показа слайдов (в разброс или согласно нумерации),общее число слайдов. На этой же вкладке можно настроить мобильную версию слайдера: при желании определить специальные изображения и установить их максимальное разрешение для мобильных устройств.

Вкладки «Article options» и «Caption options» предназначены для настройки отображения статей и подписей соответственно: для статей можно установить максимальную длину, тип ссылки («Подробнее», заголовок статьи как ссылка либо изображение как ссылка), выбрать тег заголовка статьи и отключить показ заголовка статьи; для подписей – выбрать шрифт, размер шрифта, цвет, жирность, отдельно размер шрифта описания и его цвет. Вкладка «Caption options» также позволяет настроить поля и фон слайдера.

Вкладка «Дополнительные параметры» содержит опции отключения загрузки JQuery, JQuery Easing, JQuery mobile, автоматического создания миниатюр изображений, выбора альтернативного макета и стиля модуля, задания суффикса CSS-класса модуля и CSS-класса заголовка, HTML-тегов модуля и заголовка, размера Bootstrap.

Так выглядит на сайте слайд-шоу, созданное с помощью расширения  «Slieshow CK»:

 Пример работы плагина Slideshow CK

3.      ARI Image Slider

Сайт разработчика: http://www.ari-soft.com/vmchk/Joomla-Components/ARI-Image-Slider/Detailed-product-flyer.html

Расширение полностью совместимо с Joomla 1.5-1.7/2.5/3.x.

Слайдер основан на плагине «Nivo Slider JQuery» и предоставляет возможность создать превосходное слайд-шоу на основе изображений из определенной папки. Модуль основан на javascript и CSS и имеет 16 встроенных эффектов перехода между слайдами, может выводить изображения, сортируя их по имени файла, дате изменения или в случайном порядке; поддерживает навигацию с помощью клавиатуры, позволяет создавать собственные темы, имеет опцию автозапуска, может быть интегрирован с различными lightbox-расширениями для Joomla (ARI Sexy Lightbox, ARI Fancybox, ARI Colorbox, ARI Pretty Photo, RokBox,Core Joomla! lightbox) и отлично работает во всех современных браузерах.

После стандартной установки находим модуль в «Менеджере модулей» и приступаем к его настройке. Во-первых, следует опубликовать модуль и выбрать позицию для его размещения. Все изменяемые параметры умещаются на вкладке «Модуль»: включение/отключение jQuery, метод загрузки jQuery, версия jQuery, суффикс класса модуля; ширина, высота слайд-шоу, его отзывчивость, выбор темы оформления, CSS-стиль. В группе параметров «Lightbox integration» можно выбрать интегрированное расширение и настроить ширину, высоту всплывающего окна, цвет фона и включить группировку. Группа параметров «Slider parameters» позволяет включить для слайд-шоу прозрачный фон, отключить влияние на отображение слайдов щелчков мыши, выбрать  эффекты перехода и настроить их, определить индекс первого слайда или задать старт со случайного изображения; отключить показ навигации, навигацию с клавиатуры, автоскроллинг.

Последняя группа параметров «Slides parameters» содержит такие опции как поддержка мультиязыкового описания, файл описания, описание по умолчанию, ссылка по умолчанию, число изображений, критерий сортировки, направление сортировки, глубина вложенности, сканировать подпапки, путь к папкам с изображениями; использование миниатюр, их ширина, высота и путь к папке с ними. Далее модуль следует привязать к необходимым пунктам меню.

Работающее на сайте расширение выглядит следующим образом:

Слайдер, созданный модулем ARI Image Slider на сайте Joomla 

4.      Slide Them All!

Сайт разработчика: http://www.artetics.com/virtuemart/art-slidethemall-detail

Расширение полностью совместимо с Joomla 2.5/3.x.

Великолепный легко настраиваемый модуль для создания слайд-шоу с миниатюрами на Вашем сайте Joomla. Отличается уникальными эффектами перехода и простотой интеграции с популярными лайтбоксами, таким как Art Sexy Lightbox, Art Colorbox, Art Pretty Photo, Art Art Nicebox.

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

После привязки модуля к пунктам меню можно наслаждаться работой модуля на Вашем сайте!

Ниже приведен пример работы модуля на сайте (обратите внимание на нестандартное размещение миниатюр):

Пример работы модуля Slide Them All! на сайте Joomla 

5.      Srizon Image Slider

Сайт разработчика: http://www.srizon.com/srizon-image-slider

Расширение полностью совместимо с Joomla 1.5/2.5/3.x.

Благодаря гибким настройкам, слайдер «Srizon Image Slider» может быть использован как для создания слайд-шоу на главной странице, так и для вставки на Ваш сайт галереи изображений. На одну и ту же страницу сайта может быть загружено несколько копий модуля с разными настройками и стилями, что, гарантированно, не создаст каких-либо конфликтов, в том числе с другими расширениями. Модуль успешно функционирует на любых современных браузерах, в том числе последних версиях Firefox, Google Chrome, Safari, а также протестирован на IE 9, IE 8.

Модуль обладает визуально приятным стилем, использующим CSS3, причем при настройке может быть выбран один из 10 различных текстурированных фонов или добавлен свой; возможно настраиваемое добавление текста поверх изображений, связка изображений с пользовательскими ссылками, коррекция стилей CSS из панели настроек параметров модуля.

После установки в «Менеджере модулей» добавляется модуль «Srizon Image Slider», а в менеджере плагинов - плагин «Srizon Image Slider Resource Loader». Для модуля автоматически выбирается позиция «left» - если Вас это не устраивает, то следует выбрать другую; далее его необходимо опубликовать, привязать к пунктам меню и настроить. На вкладке «Image Source» нужно выбрать папку, содержащую изображения для слайдера (это может быть папка из стандартной для CMS Joomla папки «Images» или любая другая папка или даже отдельные изображения по ссылке). На вкладке «Size and Position» определяется общая ширина слайд-шоу, ширина изображения и параметры миниатюр; на вкладке «Style and Speed» можно выбрать фоновое изображение, скорость смены слайдов, включить автоскроллинг, определить стиль оформления. На вкладке «Show/hide» можно отключить отображение надписей на слайдах, кнопок навигации и миниатюр, на вкладке «Text and Links» - ввести ссылку, заголовок и описание для каждого из изображений слайдера. Вкладка «Customize CSS» позволяет отредактировать стиль Text Container, Text Title, Text Description и ввести дополнительный CSS.

Ниже приведен пример работы модуля на сайте:

Слайд-шоу созданное с помощью модуля Srizon Image Slider 

Все без исключения рассмотренные в статье модули позволяют  создать на сайте превосходное слайд-шоу с миниатюрами. Отличаются модули лишь функциональностью и легкостью настройки: модуль «Slideshow CK» в качестве наполнения слайдов использует не только изображения, но и видео, модули «ARI Image Slider»и «Slide Them All!» характеризуются красивыми эффектами перехода и простотой интеграции с популярными лайтбоксами, модуль «Srizon Image Slider» исключительно легок в настройке, при этом достаточно универсален и красив. Модуль «jQuery Fullscreen Image Gallery Joomla 2.5» прекрасно дополнит сайт фотографа, дизайнера или даже картинной галереи.