Великолепный слайдер Nivo Slider для друпала 7.x


Ранее я писал как сделать слайдер Великолепный слайдер Nivo Slider для друпала 6.x. Сегодня речь пойдет о слайдере Nivo-Slider для Друпал 7.

Совсем недавно опубликовал обзор и инструкцию по установке/настройке слайдера Field Slideshow: Простой слайдер картинок материала для друпал 7.хх, но из-за его ограниченного применения возникла необходимость установки и настройки старого и доброго Nivo Slider, но уже на 7ке.

Основное отличие Nivo-Slider от других слайдеров в том, что с помощью него можно создать слайдер с слайдами различных нод. По умолчанию создается слайдер с тизерами последних материалов.
Аналогичное преимущество у слайдера Views Slideshow, обзор по нему подготовил Гавриил Заславский

Установка и настройка

1. Устанавливаем модуль  Views Nivo Slider

Обязательные для работы модули  Libraries,  Views,  Chaos tools;
(советую ставить стабильную Recommended releases версию для нормальной работы)
Скачиваем Nivo Slider jquery plugin версии 2.7.x или 3.x, распаковываем в папку sites/all/libraries/nivo-slider

2. Создаем новое представление Views

Задаем формат вывода “Views Nivo Slider”

Указываем количество материалов для вывода

Также можно указать тип материала для вывода, ограничить вывод по тегам и т.д. – все это на ваше усмотрение легко делается стандартными средствами Views

Добавляем вывод поля картинки Формат -> Показать -> Настройки (Настройки стиля “Строка”)

Важный момент – чтобы размер картинок слайдера корректно отображался нужно указывать одинаковые стили вывода изображения в Поле картинка и в настройках формата Views Nivo Slider – Image field style

3. Выводим views в блок.

В итоге у меня получилась вот такая картина

Вложение Размер dr6.jpg 32.2 КБ dr5.jpg 103.38 КБ dr1.jpg 42.95 КБ

Источник: http://www.drupal.ru/node/91340

Великолепный слайдер Nivo Slider для друпала 6.x

Наконец-то я определился с выбором слайдера.
примеры тут:
http://nivo.dev7studios.com/
http://www.brightwebsitedesign.com/

1. устанавливаем модуль  Views Nivo Slider

Слайдер зависит от модуля  Jquery Update
(советую ставить стабильную Recommended releases версию для нормальной работы)
2. CCK - в типе материалов создаем поле “Изображение”
3. Создаем страницы с фотками
4. Views – задаем +поле “Изображение”
Задаем стиль “Views Nivo Slider“
настройки стиля такие http://drupal.org/files/issues/nivosettings.jpg
получился такой слайдер http://thinkpadius.com/

5. Выводим views в блок или страницу.

Далее настраиваете на свое усмотрение.
можно отредактировать кнопки [модуль]/styles/default/arrows.png
также добавив поля во views можно выводить в слайдере текст

Views Nivo Slider.png

Остановился на модуле nivo slider. Становится без проблем, включает в себя оптимальный набор настроек. К тому же для него есть скринкасты по установке и настройке.
* Часть 1
* Часть 2
* Часть 3
* Дополнение

пример тут http://nivo.dev7studios.com/

Источник: http://www.drupal.ru/node/49582

© 2009 Обзор CMS