1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Не получается правильно вывести NivoSlider

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

Аватар пользователя sumerokr sumerokr 5 июля 2011 в 12:42

Всем привет.
никак не удается разобраться с NivoSlider.
Читый D 7.4, для теста поставил тему Zen. Т.к. это тестовая настройка, решил ковырять базовую тему напрямую пока что. Делаю все в соответствии с инструкциями, а именно:

html.tpl.php

<link rel="stylesheet" href="http://мой_сайт/sites/all/themes/zen/templates/nivo-slider.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://мой_сайт/sites/all/themes/zen/templates/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(window).load(function() {
    $('#slider').nivoSlider();
});
</script>

все файлы подхватываются успешно.

далее создал простой блок и разместил его в одном из регионов. Вот его код:

<div id="slider">
    <img src="http://мой_сайт/sites/all/themes/zen/templates/images/nemo.jpg" alt="" />
    <img src="http://мой_сайт/sites/all/themes/zen/templates/images/walle.jpg" alt="" />
    <img src="http://мой_сайт/sites/all/themes/zen/templates/images/up.jpg" alt="" />
    <img src="http://мой_сайт/sites/all/themes/zen/templates/images/toystory.jpg" alt="" />
</div>

закинул в .css темы следующее:

#slider {
    position:relative;
    width:618px; /* Change this to your images width */
    height:246px; /* Change this to your images height */
    background:url(images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}

в итоге слайдер отображается, но:

как видите пэйджер показывает 7 изображений, хотя в блоке задано всего 4. 2,4,6, это дубли от 1,2,3. Причем при появлении изображений 1,2,3 происходит анимация слайдера. При появлении дублей 2,4,6 никакой анимации нет.
Периодически по непонятной закономерности происходит еще и такое:

Буду рад помощи. Спасибо!

Комментарии

Аватар пользователя sumerokr sumerokr 5 июля 2011 в 12:46

Исправление:
«как видите пэйджер показывает 7 изображений, хотя в блоке задано всего 4. 2,4,6, это дубли от 1,2,3. Причем при появлении изображений 1,2,3 происходит анимация слайдера. При появлении дублей 2,4,6 никакой анимации нет.»

читать как:
«как видите пэйджер показывает 7 изображений, хотя в блоке задано всего 4. 2,4,6, это дубли от 1,3,5. Причем при появлении изображений 1,3,5,7 происходит анимация слайдера. При появлении дублей 2,4,6 никакой анимации нет.»

Аватар пользователя sumerokr sumerokr 5 июля 2011 в 17:04

views nivo slider удалось заставить работать, использовав 2 фикса (описаны на баг репорте d.org'а)
- но у меня никак не получается вывести caption
- не могу сделать нормальные ссылки для слайдов

вот скриншот общий:

в настройках row style все поля расставлены соответственно (т.е. для изображения - поле image, для ссылки поле link и для заголовков - поле title)
в настройках поля link отключил label и поставил галку exclude from display
в настройках поля title отключил label
в настройках поля image отключил label и ниже в rewrite results поставил галку output this field as link и прописал token [field_nivo_link].

в итоге captions не отображается вовсе, а ссылки приняли такой вид:
внутренние (node/5) - http://мой_сайт/<a href="/node/5">http://setup:8082/node/5</a>
внешние (http://example.com) - example.com">example.com</a>

p.s. попробовал вернуть настройки по умолчанию всем полям (убрал все rewrite, exclude), в надежде, что под д7 может быть изменили алгоритм (делал по мануалу от д6)
очистил кэш друпала и браузера, но все осталось как и было.

Аватар пользователя sumerokr sumerokr 6 июля 2011 в 1:00

только что поставил д6, проверил, как поведет себя nivo slider. Ведет он себя прекрасно. Все запустилось с первого раза. и ссылки правильные и captions отображаются. Буду дальше мучать семерку..

Аватар пользователя sergeilarin sergeilarin 6 июля 2011 в 1:06

Я тоже поставил сегодня Nivo Slider, у меня все работает корректно, но выползают вот такие ошибки внизу слайдера

Как быть? Может есть какая-нибудь альтернатива с подобным функционалом?

Аватар пользователя sumerokr sumerokr 6 июля 2011 в 2:45

Я его победил! Постараюсь разжевать все на будущее тем, кто столкнется с похожими проблемами.
Итак, будем считать, что вы уже установили все необходимое.
Создаем тип контента "front page slide"
добавляем к типу контента поле nivo_image (все по-умолчанию)
добавляем к типу контента поле nivo_link (для title я выбрал опцию "No Title")
создал в стилях изображения стиль "slider style" без каких либо обработок изображений (подразумевается, что картинки будут заранее приготовлены вами в нужных размерах)

VIEWS
исправим косяки dev версии.
1. скачиваем фикс и заменяем имеющийся файл в sites/all/modules/views_nivo_slider (исправит появление ошибок при создании view)
2. открываем файл views_nivo_slider.module
заменяем строки, как указано тут в первом посте (исправит появление ошибок при создании view)
3. открываем файл views_nivo_slider.module
заменяем строки, как указано тут в четвертом посте (теперь подписи к картинкам работают корректно)

создаем Вьюху:
имя "nivo slider view"
контент - "nivo slider"
убираем галочку с "Page"
ставим галочку на "Block"
жмем сохранить и настроить
добавляем поле nivo_image (убираем галочку с "create label)
добавляем поле nivo_link (убираем галочку с "create label и Formatter ставим "URL, as plain text" - теперь ссылки к картинкам не будут битыми).

Format - views nivo slider (ставим стиль изображения slider style, так же настраиваются эффекты анимации, и прочие стили слайдера. можно тыкать смело)
Show - views nivo slider (ставим соответствия полей)

в целом общий вид views'а получается таким:

спасибо всем отписавшимся.