2

我正在 Rails 3.2 中开发应用程序并尝试将 Nivo Slider 添加到首页。加载后，过渡看起来像这样。其他过渡也有类似的扭曲。

当第一次转换发生时，页面的长度增加了数千个像素。我已经确定是#slider div 的大小在增加。这偶尔会重置，但后来我看到它再次重绘了数千个像素。

包含 Nivo 滑块的 div：

<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>

我使用的是 Nivo Slider 3.1 附带的默认打包 CSS 文件。

包含问题的 JSFiddle

是什么导致了过渡损坏，以及由于滑块 div 的长度增加而导致的页面长度增加？

4

1 回答 1

1

您从 Nivo 使用的 CSS 文件导致了该错误。我从一个 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' />
于 2012-12-05T05:50:24.930 回答