Бесплатно

Запуск сайта на WP

20 уроков, которые помогут вам стать владельцем домена и хостинга за 30 минут

Слайдеры для 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/

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

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

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

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

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

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

Понравилась статья?
Лайк автору
Загрузка...

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: