Великолепный слайдер Nivo Slider для друпала 6.x
Наконец-то я определился с выбором слайдера. ([#91340]Nivo слайдер для друпал 7 тут[/#])
примеры тут:
http://nivo.dev7studios.com/
http://www.brightwebsitedesign.com/
Внимание новая публикация: Как установить и настроить этот слайдер для друпал 7
Пять шагов установки и настройки Nivo-Slider для Drupal 6.x
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 можно выводить в слайдере текст
на фото показываю как делал последний слайдер
Остановился на модуле nivo slider. Становится без проблем, включает в себя оптимальный набор настроек. К тому же для него есть скринкасты по установке и настройке.
Видео по установке Nivo Slider на русском языке:
* Часть 1
* Часть 2
На английском:
* Часть 1
* Часть 2
* Часть 3
* Дополнение
Изменяем дизайн слайдера
пример тут http://nivo.dev7studios.com/
| Вложение | Размер |
|---|---|
 drupal_slider.png | 442.48 КБ |
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
Симпатичная штука.
Subscribing
Действительно великолепный слайдер!
В запоминалку, спасибо.
Сколько там весит ява?
в модуле слайдера всего 30кб и в модуле jquery_update 200кб
но в итоге получается все намного легче
для нашего интернета это совсем смешно
ИНТЕРЕСНО
Делал подобное с помощью views и jquery своим скриптиком, посмотреть можно тут:
http://skyjumper.ru/
на заметку
Прелесть какая, да.
А preload какой-нить умеет, если картинки тяжелые?
не знаю, у меня даже большие картинки очень быстро открываются
Замечательно, спасибо.
Чет установил, настроил, все нравится, но:
1. не работают кнопки листания ручного влево-вправо
2. Не работает пауза при наведении на картинку
Только если ява отключена в браузере, то на вашем сайте (thinkpadius) все картинки вывалятся в ряд а на сайте со слайдерами одна как и должно быть но она не откроется
По крайней мере если подвязать слайдер самому, без модуля, то при отключенном js вывалятся картинки. Их кстати можно затемить, обтекание, рамочки и все такое, так что есть или нет js - сайт будет смотреться хорошо
Протестировала слайдер на 6.14, прелестная штука. А на 6.19 уже лоб расшибла;(. Не хочет работать. Какая-то несовместимость? Кто тестировал на обновленном друпале и соответственно модулях?
Вот-вот - на 6.19 у меня работает не полнофункционально
будем ждать обновления модуля. видимо не полная совместимость с Jquery Update библиотекой. попробую найти решение
Интересный слайдер.
Спасибо посмотрю.
Красотища! Вмемориз.
а если этих слайдов будет 100500, то и точечек внизу будет столько же?
я без точек использую
да, использовал его. хорошая штука
да да точек будет столько жее
Очень полезно! Спасибо автору
при создании материала в категории Featured slider у меня при добавлении картинки пишет Image preview,саму же картинку не показывает.Все делела по видеооурокам --сами же картинки забрасываються в каталог sites\default\files\images\imagefield_thumbs но в новости не показываються ---подскажите люди добрые ---что делать---что за ошибка
1. не работают кнопки листания ручного влево-вправо
2. Не работает пауза при наведении на картинку
3. Не работает ссілка при нажатии на картинку . Вот что мне строит http://localhost/bbnews.com.ua/?q=node/ и все
Спасибо за обзор. Однозначно в избранное.
Сам пробовал несколько вариантов слайдеров. Все чем-то по своему хороши, но искал что-то похожее на этот вариант.
Как с решением? Пробовали?
С помощью данной темы сделал свой первый слайдер. Подскажите пожалуйста - есть у меня сайт http://hamradio.tomsk.ru/
Как мне вместо фотки на главной расположить слайдер ?
Поставил слайдер согласно инструкции и вижу его только когда захожу на сайт как администратор. Помогите пожалуйста
Ваш_сайт.admin/user/permissions - на этой странице разгадка скорей всего (пользователям не хватает каких-то прав).
Как быть, если к ноде прикреплено несколько картинок и нужно вывести изображения через слайдер с превью??? Т.е. не создавая для каждой картинки новую ноду.
Очень просто, если картинки загружены в одно cck-поле. Подвязываешь слайдер через info файл темы (ala scripts[]=nivo/nivo.js), делаешь tpl шаблон для поля и делаешь там нужную выдачу картинок, списком или кашей или еще как (в зависимости от того какую структуру принимает на вход слайдер), присваиваешь id контенеру, а потом через jquery подвязывешь на этот id галлерею ala jQuery("#gallery").nivo()
Скажем вот так у меня повязана jGalleria
theme.info
scripts[] = js/scripts.js
js/scripts.js
field-field_gallery.tpl.php - Galleria принимает на вход не список, а просто блок с картинками или превью со ссылкой на оригинал
<h2 class="field-label <?php print $field_name_css; ?>"<?php print $title_attributes; ?>><?php print $label ?>: </h2>
<?php endif; ?>
<div class="<?php print $classes; ?> clearfix"<?php print $attributes; ?> id="galleria">
<?php foreach ($items as $delta => $item) : ?>
<?php print render($item); ?>
<?php endforeach; ?>
</div>
На выходе
пока с кнопками проблема, надуюсь исправят в слежующей версии
интересно а вот бы тоже самое но для произвольных div-блоков? На офсайте написано что они будут ломаться, мол работает только с картинками...
для произвольных нужен ContentSlider типа такого - http://css-tricks.com/anythingslider-jquery-plugin/
"то тестировал на обновленном друпале и соответственно модулях?"
У меня так же выдало:::
SELECT node.nid AS nid,
node_data_field_image.field_image_fid AS node_data_field_image_field_image_fid,
node_data_field_image.field_image_list AS node_data_field_image_field_image_list,
node_data_field_image.field_image_data AS node_data_field_image_field_image_data,
node.language AS node_language,
node.type AS node_type,
node.vid AS node_vid,
node.title AS node_title
FROM node node
LEFT JOIN content_type_bizhuterija node_data_field_image ON node.vid = node_data_field_image.vid
В Вивсе слайд показывает, а в остальных случаях только белый номер слайда на черном квадрате.
Обидно...столько парился, а без результата (все перелазил, ошибку не нашел)
Вот ИМПОРТ:
может кто разбирается в нюансах, ОЧЕНЬ хотелось бы решить эту проблему
$view = new view;
$view->name = 'IZO';
$view->description = 'IZO';
$view->tag = 'IZO';
$view->view_php = '';
$view->base_table = 'node';
$view->is_cacheable = FALSE;
$view->api_version = 2;
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */
$handler = $view->new_display('default', 'По умолчанию', 'default');
$handler->override_option('fields', array(
'field_image_fid_1' => array(
'label' => 'image',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'label_type' => 'widget',
'format' => 'image_plain',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 0,
'id' => 'field_image_fid_1',
'table' => 'node_data_field_image',
'field' => 'field_image_fid',
'relationship' => 'none',
'override' => array(
'button' => 'Переопределить',
),
),
'title_1' => array(
'label' => '',
'alter' => array(
'alter_text' => 0,
'text' => '',
'make_link' => 0,
'path' => '',
'link_class' => '',
'alt' => '',
'prefix' => '',
'suffix' => '',
'target' => '',
'help' => '',
'trim' => 0,
'max_length' => '',
'word_boundary' => 1,
'ellipsis' => 1,
'html' => 0,
'strip_tags' => 0,
),
'empty' => '',
'hide_empty' => 0,
'empty_zero' => 0,
'link_to_node' => 0,
'exclude' => 0,
'id' => 'title_1',
'table' => 'node',
'field' => 'title',
'relationship' => 'none',
),
'view_node_1' => array(
'id' => 'view_node_1',
'table' => 'node',
'field' => 'view_node',
),
));
$handler->override_option('filters', array(
'type' => array(
'operator' => 'in',
'value' => array(
'bizhuterija' => 'bizhuterija',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => 'type_op',
'label' => 'Материал: Тип',
'use_operator' => FALSE,
'identifier' => 'type',
'remember' => FALSE,
'single' => TRUE,
'optional' => TRUE,
'reduce' => FALSE,
),
'id' => 'type',
'table' => 'node',
'field' => 'type',
'relationship' => 'none',
),
'status' => array(
'operator' => '=',
'value' => '1',
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'id' => 'status',
'table' => 'node',
'field' => 'status',
'relationship' => 'none',
),
));
$handler->override_option('access', array(
'type' => 'none',
));
$handler->override_option('cache', array(
'type' => 'none',
));
$handler->override_option('style_plugin', 'views_nivo_slider');
$handler->override_option('style_options', array(
'imagefield_preset' => 'bizhuterija',
'style' => 'default',
'effect' => 'random',
'slices' => '15',
'animSpeed' => '500',
'pauseTime' => '3000',
'directionNav' => 'true',
'directionNavHide' => 'true',
'controlNav' => 'disabled',
'controlNavThumbsIC' => 'bizhuterija',
'controlNavThumbsICField' => '',
'controlNavThumbsField' => 'field_image_fid_1',
'keyboardNav' => 'true',
'pauseOnHover' => 'true',
'manualAdvance' => 'false',
'captionOpacity' => '0.8',
));
$handler->override_option('row_plugin', 'nivo_sliderfields');
$handler->override_option('row_options', array(
'image_field' => 'field_image_fid_1',
'title_field' => 'title_1',
'link_field' => 'view_node_1',
));
$handler = $view->new_display('block', 'Блок', 'block_1');
$handler->override_option('style_options', array(
'imagefield_preset' => 'product_full',
'style' => 'default',
'effect' => 'random',
'slices' => '15',
'animSpeed' => '500',
'pauseTime' => '3000',
'directionNav' => 'true',
'directionNavHide' => 'true',
'controlNav' => 'disabled',
'controlNavThumbsIC' => 'bizhuterija',
'controlNavThumbsICField' => '',
'controlNavThumbsField' => 'field_image_fid_1',
'keyboardNav' => 'true',
'pauseOnHover' => 'true',
'manualAdvance' => 'false',
'captionOpacity' => '0.8',
));
$handler->override_option('row_options', array(
'image_field' => '',
'title_field' => 'title_1',
'link_field' => 'view_node_1',
));
$handler->override_option('block_description', '');
$handler->override_option('block_caching', -1);
сыро пока, тяжелый и тд. обычный слайдшоу для вьюхи намного приятнее увы.
Нашел недочет в своих действиях::: нужно было установить модуль Link Field (http://drupal.org/project/link)
Такая же проблема! Как ее решить? пожалуйста помогите.
к тому же при создании типа в ImageCache Картинка так же не показывается, друпал прописывает путь к этой картинке: sites/default/files/imagecache/file_image/imagecache_sample.png?1292893337
но такой папки и картинки там нет!
Помогите
Мне никто ничего не сможет подсказать, вопрос тут: http://drupal.ru/node/56215
Столкнулся с проблемой в IE 7 Выдает сообщение: "Строка: 17. Ошибка: Объект не поддерживает это свойство или метод" в опере и мозиле слайды прокручиваются без отображения картинок: JavaScript - https://drupal.org/project/dfgallery
Inline script thread
Error:
name: ReferenceError
message: Statement on line 3: Undefined variable: gaq
stacktrace: n/a; see opera:config#UserPrefs|Exceptions Have Stacktrace
JavaScript
User Javascript thread
Opera has modified the JavaScript on www.google.ru (Make sure stock details are shown correctly). See browser.js for details
JavaScript
User Javascript thread
Opera has modified the JavaScript on www.google.ru (Make sure stock details are shown correctly). See browser.js for details
JavaScript
User Javascript thread
Opera has modified the JavaScript on www.google.ru (Make sure stock details are shown correctly). See browser.js for details
JavaScript
User Javascript thread
Opera has modified the JavaScript on www.google.ru (Make sure stock details are shown correctly). See browser.js for details
JavaScript - http://from/
Event thread: load
Error:
name: TypeError
message: Statement on line 1: Type mismatch (usually non-object value supplied where object required)
stacktrace: n/a; see opera:config#UserPrefs|Exceptions Have Stacktrace
народ! тут живые есть? у меня друпал версии 6.20 и слайды просто вниз один под другим выкладывает и все(( че делать то?
У кого-нибудь работает полностью нормально?
У меня не работает пауза при наведении на изображения и переключение ручное... просто тупо продолжает автоматически листать
А - вроде заработало
отключил модуль Views Slideshow
и обновил jQuery Update до 6.x-2.0-alpha1
Можно ли выводить поверх картинки не только текст или заголовок, но и то и другое вместе со ссылкой на продолжение материала?
Что-то перепробовал все поля, не получается так настроить. Nivo Slider предлагает возможность вставки только одного поля для этих целей, а нужно хотя бы два
дда любой слайде можно поцепить на вывод вьюз без особых проблем и знаний...
Насколько я понимаю, чтобы сделать вывод анонса с заголовком и ссылкой на дальнейшее чтение, надо задествовать во вьюсе ТРИ поля.
Заголовок
Анонос
Ссылка
В настройках Nivo Slider для этих полей дается только одно место! Или точнее одна строка. Другие две имеющиеся строки отдаются под изображение и ссылку для него, и от них не хотелось бы отказываться!
Так вот и как можно воткнуть три поля сразу в один пункт настройки без особых знаний и проблем?
p.s/ и мне это уже не столько важно, сколько интересно. Потому что убил на это несколько часов, перепробовав кучу настроек, но так и так и не добившись того, до чего казалось бы осталось лишь руку протянуть
Наверное, вы меня неправильно поняли. Я имел в виду скрипт показа на jquery, а не про модуль к друпалу. Выводятся нужные поля и перехватываются блоки / обрабатываются скриптом...
На русском есть где про это почитать подробнее? А то я пока не совсем понимаю, что такое скрипт показа на jquery, где его брать и как подключать к блоку?
У меня только эта книга по jQuery. Нашел любой пример слайдера/карусели, заменил в нем нужные css class'es/id'es блоков (либо заменив их тем же джиквери на нужные, которые указаны в скрипте примере).
К примеру эта у меня отлично работает, поправил только css.
Знаю, что непрактично и не по-друпаловски, но работает, и мне пока больше не надо (пока не достиг должного уровня знаний пхп и друпала).
Делала все по видео, однако изображения выводятся все сразу в ряд, подскажите в чем ошибка? может, настройки где-то поменять?
Возникли пару вопросов.
Подскажите пожалуйста!
Слайдер виден только под админом.
В правах доступа нет такой настройки видимости...
По какому адресу (URL) находятся настройки слайдера(он отображается с дефолтными ,а в администрировании его нет).
killer89
Возможно, проблема в модуле jquery-update. Попробуйте обновить его до версии 6.x-2.0-alpha1.
Возможно, пресеты в ImageCache надо подредактировать.
Ещё как вариант, попробуйте выводить поле Views с NivoSlider в качестве блока, а не страницы.
Torvild
Попробуйте в поле content_permissions дать права доступа для полей вывода изображений, которые использованы в NivoSlider.
Благодарю!)
Помогло.
Еще хочу добавить что изображения для слайдера должны быть одного размера,иначе более крупные картинки вылезают за фото меньших размеров.
По крайней мере у меня такая штука получилась!(((
о_О
День добрый! возник такой вопрос, слайдер настроил,на главной его видят все,но! после перезагрузки страницы сначало видно все изображения (несколько секунд) а только потом подгружается скрипт! как это можно исправить? ведь как понимаю такого не должно быть
При нажатии на картинку (слайд), меня бросает на страницу с этой картинкой, а нужно чтобы по определенной ссылке переходило, как это реализовать?
в поле вьювс поставить галочку "Связать это поле с его материалом"
интересно
Инструкция по установке Nivo Slider на русском языке...
1.http://stepgt.com/content/drupal-6-ustanovka-nivo-slider-chast-1
2.http://stepgt.com/content/drupal-6-ustanovka-nivo-slider-chast-2
Есть нивослайдер, который выводит изображения. У каждого изображения есть поле "заголовок" в котором текст. Вопрос - как сделать так чтобы caption - тот текст что в слайдере показывается на картинке и берется как раз из заголовка картинки понимал HTML код? Сейчас он весь html выводит так как он и написан, не применяя стили, переносы строк. Надо чтобы в caption можно было html использовать.
Добрый вечер.
Все сделал как в ролике, все получилось. Не пойму как сделать так чтобы внизу были маленькие превьюшки. То ли не работает, то ли что то не включил. В уроке ничего об этом не сказано.
Помогите ламеру плиз.
Привет
чё-то херово работает
слайдер собрал, 6 картинок, они сами собой меняются..
вроде как есть кнопки слева\справа но они не нажимаются
и слайдер не останавливается когда наводишь курсор
и незарегистрированые пользователи не видят картинки, наверное не админы тоже не видят.
Терь придётся думать как доделывать или искать другой вариант..
и работает только ссылка первой картинки
3 раза уже пытался поставить и по скринкастам приведенным в этой статье, и по
результат вида, показанного на скрине.Делаю это в своей теме,на Denwer. У кого есть какие-нибудь соображения или советы, буду премного благодарен
слайдер не видит картинки. проверь как imagecashe выдает фото. проверь поля фото во вьювсе.
стиль вывода и стиль строки должны быть: nivo slider
+ в них поля проставить надо и фото указать.
на фото показываю как делал последний слайдер
Аха, мне тоже понравился. Вот только есть трабл и я как теряюсь. Почти всё работает, но ни точки внизу слайда, ни мини img не показываются. Всё проверил несколько раз, и не только я. И вот что страно, если во вьюсах создать ашшо один блок, но выводить в нем не большие а маленькие img - всё равно выводятся большие.
а jquery update установлен?
у меня и точки и минифотки включаются. только минифотки криво выходят, приходится css править.
Direct control navigation(см. скрин выше) включен?
Кульный слайдер, респект !!!!
Огромное спасибо народу что так подробно объяснили =))))))))
спасибо за отзыв. мотивирует публиковать решения на drupal.ru )))
да ты б сделал шобы нормально работал он
а если конструктивно?
Вчера обновился он.
Для смены картинок на которой текст без всяких наворотов отлично годиться. А вот как замена ddblock нет.
Возникла проблема с сылкой, никак не могу сделать так чтобы ссылался на ноду, и вообще куда то...
http://www.drupal.ru/node/73026 вот здесь описание, помогите кто знает (
Если на сайте две локали и по дефолту английская, в английской слайдер работает отлично, а вот когда в ссылках стоит /ru/ - при перелистывании вначале "моргает" старым изображением.
На орге нет ответа http://drupal.org/node/1353162
установился, работает , только почему то при создании статьи у редактора tiny и другие редакторы отображаются некорректно, пропадает верхняя панель, при отключении блока со слайдером работает все нормально. Спс
интересно. а статьи выводятся стандартными средствами без явы и без ajax?
И часто вы с помощью java выводите статьи ?
не часто
skepka, добрый ты человек! Спасибо тебе за "content_permissions". Я уже второй вечер бился с этим слайтером и о чудо! Только после твоих магических слов ВСЕ ЗАРАБОТАЛО! Что я только не делал. Ну как можно знать, что необходимо выставить права... Спасибо еще раз.
подскажите куда нажать чтоб выводилось на главной плиз!
"подскажите куда нажать чтоб выводилось на главной плиз!"
1. По адресу вашсайт/admin/build/views/list есть список существующих Views (представлений). Находите созданный вами ранее Views для nivo, кликаете по "Редактировать".
2. В открывшимся окне редактирования Views, с левой стороны, под вкладкой "по умолчанию" выбираете "блок" и создаёте ашшо одну настройку. (не забудьте сохранить)
3. Поле этих действий, во вкладке "блоки" появиться nivo слайдет. Вот вы сами и разместите его где захотите.
В модуль views - вся сила в нём!
Как быть? В Drupal 7 создал для слайдов пресеты, но они в пикселях, а не в процентах и из-за этого, при смене разрешения картинка слайда становится либо большой (если разрешение уменьшаю) либо маленькой, если разрешение увеличиваю. Как это исправить?
На самом деле все куда гораздо проще - Nivo Slider - Это уже полностью готовый модуль. без всяких заморочек во Views. Читайте инструкцию по установке, она в описании к модулю. Единственное, что понадобится - это скачать Nivo Slider jQuery plugin и положить его в sites/all/libraries.
Не забудьте установить Libraries API модуль. Он необходим для Nivo Slider.
В любом случае это очень быстро и проще чем описано выше участниками темы.
Посмотреть пример работы можно на Информационном портале Таганрога
Всем удачи в установке и настройке.
Здравствуйте господа.
Перешёл на 7 и тут с nivo совсем завис.
Установил модуль Nivo Slider (не Views Nivo Slider как в д6)
Создал тип материала и его поля, создал сам материал.
Но при создании вьюхи почему в "формате" нет nivo. и соответственно все картинки размещаются друг под другом. в чем ошибка? Может над всё же Views Nivo Slider устанавливать? Спасибо.
Моё имхо лучше подключать его руками так как невослайдер еще может НТМЛ контент прокручивать. Что очень бывает полезно для экономии веса баннеров.
Обновил картинку в шапке, т.к. фотохостинг её потерял.