6

表示している画像よりも小さいサイズのdivでNivoSliderjQueryプラグインを使用しています。スライダーが2番目の画像にスライドすると、画像のが正しく縮小されます。

ただし、最初の画像が初めて表示されるとき(ページを読み込んだ直後)は、幅のみが拡大縮小され、高さは拡大縮小されません。どうすれば変更できますか?

例:たとえば、すべての画像のサイズが1024*768ピクセルであるとします。divの幅は400pxです。そして、スライダーに3つの画像があります。

  • 画像を読み込んだ直後に1が400*768ピクセルで表示される (間違っている)
  • 次に、400*300ピクセルで画像2にスライドします
  • 次に、400*300ピクセルで3を画像化します
  • 次に、400 * 300ピクセルで1を画像化します (右)
  • ..。

画像1が間違っている 画像2右

編集:私はちょうど気づきました、これはIEでのみ起こります、Firefoxではそのようなエラーはありません。

4

2 に答える 2

14

私も同じ問題を抱えていました-私はに追加height: auto !important;しました.nivo-main-image

于 2013-02-25T18:26:22.773 に答える
1

nivo-slider.cssで追加

.nivoSlider { height:520px; }//specifies the height
于 2013-05-07T21:51:52.573 に答える