Простой слайдер картинок материала для друпала 7.хх

Главные вкладки

Аватар пользователя iehon iehon 16 ноября 2012 в 12:32

Ранее я писал как сделать слайдер Великолепный слайдер Nivo Slider для друпала 6.x. Сегодня же большинство новых проектов мы делаем на Друпал 7. Настало время навести красоту на своем сайте и сделать его интерактивным и динамичным. Речь пойдет о слайдере для Друпала 7.

Начнем мы с самого простого модуля Field Slideshow

Используя его можно создать
- Слайдер картинок ноды
- Блок слайдера(Отдельный тип материала и вывод через блок views)

Но увы невозможно реализовать вывод слайдов картинок между нодами.
Т.е. вы не сможете создать слайдер с тизерами последних материалов, по крайней мере я такой возможности не увидел.

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

Чтобы сделать "Вывод картинок ноды через Слайдер Field Slideshow" потребуется всего три шага.

1. Скачиваем и включаем модули
а)field_slideshow
б)libraries

2. Скачиваем плагин Cycle Plugin

http://jquery.malsup.com/cycle/download.html
и добавляем сюда файл /sites/all/libraries/jquery.cycle
Внимание! "jquery.cycle" - это название папки
Если вы все правильно сделали, то в отчете "О состоянии сайта"(/admin/reports/status) не будет ошибок.

3. Настраиваем вывод слайдера.
Переходим в тип материала -> Управление отображением.
Формат картинки устанавливаем "Слайд-Шоу"
Нажимаем шестеренку и настраиваем вывод слайдера:
Стиль изображения - максимальный размер картинки.
Для вывода нужного размера картинки выбираем или создаем свой собственный стиль(Конфигурация->Мультимедиа->Стили изображения).
Если вы хотите видеть внизу слайдера миникартинки для переключения, то выбираем также
Навигатор - Image
Pager image style - стиль вывода миникартинки внизу.

Любуемся слайдером картинок ноды Dirol

Комментарии

Аватар пользователя HydroBlast HydroBlast 16 ноября 2012 в 15:12

Замечательно , но все это есть на странице модуля .

Для совсем далеких там выложили инструкцию с картинками .

Аватар пользователя olgastaf olgastaf 2 января 2013 в 2:26

Подскажите, как сделать так, чтобы поверх каждой картинки выводился еще и текст (body).
Картинки выводятся замечательно, но тексты почему-то выводятся все сразу, а не по очереди к каждой картинке.

Аватар пользователя iehon iehon 15 января 2013 в 17:29

olgastaf wrote:
Подскажите, как сделать так, чтобы поверх каждой картинки выводился еще и текст (body).
Картинки выводятся замечательно, но тексты почему-то выводятся все сразу, а не по очереди к каждой картинке.

см.п.3 http://clip2net.com/clip/m0/1358256384-clip-22kb.png

p.s. как полезно писать статьи на друпал, сам возвращаюсь к ним, помогает ))
намек понятен? Wink

Аватар пользователя iehon iehon 13 июля 2017 в 10:05

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