Переходы Nivo Slider некорректно отображаются и увеличивают длину веб-страницы

Я разрабатываю приложение в Rails 3.2 и пытаюсь добавить Nivo Slider на главную страницу. После загрузки переходы выглядят как это. Другие переходы имеют похожие искажения.

Когда происходит первый переход, длина страницы увеличивается на тысячи пикселей. Я определил, что размер div #slider увеличивается. Это время от времени сбрасывается, но затем я вижу, что снова перерисовывает тысячи пикселей вниз.

Div, содержащий слайдер Nivo:

<div id="content">
<link href="/assets/nivo-slider-themes/default/default.css?body=1" media="screen" rel="stylesheet" type="text/css" />
  <div class="slider-wrapper theme-default">
  <div class="ribbon"></div>
  <div id="slider" class="nivoSlider">
    <img src="assets/index_slider_1.jpg">
    <img src="assets/index_slider_2.jpg">
    <img src="assets/index_slider_3.jpg">
  </div>
  <div id="htmlcaption" class="nivo-html-caption">
  </div>
</div>

Я использую упакованные файлы CSS по умолчанию, которые поставляются с Nivo Slider 3.1.

JSFiddle, содержащий проблему

Что вызывает искажение перехода и увеличение длины страницы из-за увеличения длины div ползунка?


javascript jquery nivo-slider
person Brian Pritchett    schedule 05.12.2012    source источник
comment
Нам нужен код. В идеале jsfiddle, воспроизводящий проблему.   -  person Cymen    schedule 05.12.2012

Ответы (1)


arrow_upward
1
arrow_downward

CSS-файл, который вы используете от Nivo, вызывает ошибку. Я взял таблицу стилей из одного из примеров Nivo и обновил jsfiddle до следующего: http://jsfiddle.net/ppDhT/ < / а>

<link rel='stylesheet' id='nivoslider-css'  href='http://nivo.dev7studios.com/wp-content/plugins/nivo-slider/scripts/nivo-slider/nivo-slider.css?ver=3.4.2' type='text/css' media='all' />
person Cymen    schedule 05.12.2012
comment
Вау, спасибо, Саймен. Отчет об ошибке должен быть отправлен разработчикам. - person Steve; 01.02.2013
comment
@ Стив, это проблема с текущим пакетом? Я не очень хорошо знаком со слайдером Nivo, поэтому не знал, была ли это ошибка их или тех, кто его использовал (случайно используя неправильный CSS). Я был бы рад сообщить об ошибке, но если вы захотите ее исправить. - person Cymen; 01.02.2013
comment
Да, я дал им знать, Саймен. - person Steve; 02.02.2013