Медиа

Jssor Slider

Jssor Slider - адаптивный слайдер для Drupal 8, который интегрирует скрипт http://www.jssor.com/ . Имеет много стилей показа слайдов и текста на слайдах.

Image Lazyloader

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

Модуль Image Lazyloader имеет страницу настроек, на которой можно:

Magnific Popup

Интегрирует библиотеку Magnific Popup как формат отображения полей: "Magnific Popup".

Библиотека является респонсивным плагином jQuery lightbox для просмотра фотографий в модальном окне. Magnific Popup делает ставку на производительность, а также на работу на всех устройствах.

Предлагает функции:

Bx Slider

Интегрирует библиотеку bxSlider и добавляет формат отображения полей.

ImageField Focus

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

Formatter Field

Этот модуль расширяет функционал Менеджера Дисплея сущностей Друпал-сайта. Formatter Field добавляет новый тип поля, который можно использовать для установки желаемого формата отображения других полей для каждой сущности: материала, термина, пользователя.

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

Video Embed Field

Для быстрой вставки видео с YouTube и Vimeo используйте этот модуль, который добавляет новый тип поля: Video Embed.

Для вставки видео в поле достаточно указать url-адрес видео.

Настройки отображения поля могут быть:

видео-плеер,
тамбнейл или картинка-миниатюра видео,
ссылка на видео.

В настройках модуля в Конфигурация - Медиа-файлы - Video Embed Styles то есть тут /admin/config/media/vef_video_styles - можно создавать стили отображения видеоплеера, указывая размеры плеера, качество видео, автозапуск проигрывания и прочие параметры.

IMCE Uploader

Удобный способ загрузки сразу нескольких картинок в Файловом браузере IMCE. Модуль позволяет выбрать несколько файлов с компьютера кнопкой или простым перетаскиванием и загрузить их одновременно. В отличие от модуля IMCE Plupload, этот модуль позволяет удалять файлы из списка при выборе файлов для загрузки.

Для установки IMCE Uploader также потребуется модуль Plupload и библиотека Plupload не выше версии 1.5.8.

Client-side adaptive image

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

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

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

Adaptive Image

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

После установки модуля откройте настройки отображения типа материала и измените формат отображения поля типа Изображение на адаптивный и настройте Виды показа изображений для разных размеров экрана.

Adaptive Image Styles (ais)

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

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

Подписаться на Front page feed