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

Тип материала: 
Версия Drupal: 
Ключевые слова: 
Модули и темы: 
Пт, 16/11/2012 - 08: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 - стиль вывода миникартинки внизу.

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

0 Спасибо

Комментарии

Аватар пользователя HydroBlast
4 года 8 months назад HydroBlast #

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

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

0 Спасибо
Аватар пользователя NurOff
4 года 8 months назад NurOff #

Ну и что.
Кому то все равно будет лень искать Field Slideshow, и он будет искать слайдер
Тут и найдет :)

0 Спасибо
Аватар пользователя xSPiRiTx
4 года 8 months назад xSPiRiTx #

неплохо было бы кидать ссылки на рабочие примеры

0 Спасибо
Аватар пользователя iNFerNo
4 года 8 months назад iNFerNo #

а чо кидать.две минуты делать.

0 Спасибо
Аватар пользователя olgastaf
4 года 6 months назад olgastaf #

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

0 Спасибо
Аватар пользователя iehon
4 года 6 months назад iehon #
olgastaf написал:
Подскажите, как сделать так, чтобы поверх каждой картинки выводился еще и текст (body).
Картинки выводятся замечательно, но тексты почему-то выводятся все сразу, а не по очереди к каждой картинке.

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

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

0 Спасибо
Аватар пользователя olgastaf
4 года 6 months назад olgastaf #

Спасибо большое!
Я, правда, умудрилась уже по-другому сделать, но так тоже хорошо!

0 Спасибо
Аватар пользователя frajj
3 года 10 months назад frajj #

Класный модуль. Очень выручил, а то замучился galleryformatter. Спасибо!

0 Спасибо
Аватар пользователя iehon
1 неделя 5 дней назад iehon #

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

0 Спасибо