2

Rails 3.2 でアプリケーションを開発しており、フロント ページに Nivo Slider を追加しようとしています。ロード後、トランジションは次のようになります。他のトランジションにも同様の歪みがあります。

最初の遷移が発生すると、ページの長さが数千ピクセル増加します。サイズが増加しているのは #slider div であると判断しました。これはときどきリセットされますが、数千のピクセルが再び再描画されます。

Nivo Slider を含む 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の例の1つからスタイルシートを取得し、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 に答える