Слайдеры для Joomla 3.x

загрузка...

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

Модуль для создания слайд-шоу jQuery Fullscreen Image Gallery

Данное решение может отображать до 20 картинок с большим разрешением на весь экран, что говорит о его важности для фотографов, дизайнеров, художников.

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

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

Вкладка «Дополнительные параметры» позволяет выбрать HTML-тег модуля, тег заголовка, стиль модуля, установить класс CSS-модуля, задать размер Bootstrap. В окончании настройки необходимо выполнить привязку модуля к пунктам меню и выбрать для него место на сайте. Просмотреть, как работает модуль, вы можете по линку: http://jextensions.com/demo25/e/fullscreen-gallery; собственно скачать его для своего сайта на Джумла можно по URL: http://jextensions.com/fullscreen-image-gallery-joomla-2.5/
https://www.youtube.com/watch?v=NsFyRyY4f2M

Модуль для создания слайд-шоу Slideshow CK

При помощи данного слайдера можно создавать слайд-шоу с оригинальными эффектами. Заметим, что слайд-шоу можно составлять не только из картинок, но и из видеороликов (чередоваться они могут в рандомном порядке). Модуль примечателен поддержкой мобильных устройств, приспосабливаемости шаблонов; управление опциями слайдера можно выполнять при помощи интерфейса «Drag & drop»; есть возможность выбрать один из шаблонов для модуля; для каждого слайда можно установить свое время отображения.

загрузка...

Slideshow CK совместим с компонентом Virtuemart и Hikashop. Получить модуль можно на странице: http://www.joomlack.fr/en/component/dms/view_document/59-slideshow-ck. Если будет произведена корректная установка модуля, в админ-панели вы увидите не только сообщение об этом, но и ссылки на скачивание документации, шаблоны для модуля, а также на прочие разработки производителя. Для активации необходимо перейти в Менеджер модулей и перевести «Slideshow CK» в положение «Опубликовано».
В настройке параметров модуля необходимо определить его местоположение и прикрепить к пунктам меню сайта. Вкладка «Slides manager» имеет визуальную панель, при помощи которой можно добавлять слайды (тут необходимо выбрать изображения, видеофайлы, ввести название и описание). Для картинок можно задать выравнивание, в независимости от содержимого слайдера; можно также добавить ссылку-подпись или выбрать уже существующую статью.
https://www.youtube.com/watch?v=U4cMkoMFowo
Для получения возможности загружать изображения из папки или из категории статей, то дополнительно придется поставить плагин «Slideshow Params». Вкладка «Styles Options» дает возможность выбрать одну из тем, которая представлена в списке; одну из иконок, которые присутствуют в списке; обложку слайд-шоу и ее точное расположение. Также можно задать высоту и ширину слайдов, выбрать тип навигации, включить/отключить отображение миниатюр и т.д.

Есть и отдельная вкладка, при помощи которой можно настраивать эффекты перехода между изображениями, и называется она «Effects options». Там также можно выбрать случайную последовательность страниц; можно установить время показа каждого изображения, интервал паузы между слайдами; эффект перелистывание слайда; автоматическое изменение размера изображений; перелистывание в авто режиме; функция «паузы» при нажатии кнопки мыши; порядок показа слайдов и т.д. Мобильная версия сайта также настраивается тут: можно выбрать специальные изображения, выставить их предельное разрешение для портативных устройств и т.д.

Вкладки «Article options» и «Caption options» позволяют настраивать отображение материалов и подписей: есть возможность выставить предельную длину, тип ссылки, выбрать тег заголовка, отключить показ заголовка; для подписей можно выбрать тип шрифта, его размер, жирность, размер и пр. Вкладка «Caption options» дает возможность настроить поля и фон слайдер-шоу.
https://www.youtube.com/watch?v=PYV7x5Y90S8

Похожие статьи

ОСТАВЬТЕ ОТВЕТ

Please enter your comment!
Please enter your name here