Nivo滑块：第一次显示时，第一张图像按比例缩放

Question

我在div中使用Nivo Slider jQuery插件，其尺寸小于我正在显示的图像。当滑块滑动到第二个图像时，图像会正确缩小。

但是当第一次显示第一张图像时（直接在加载页面后），它仅在宽度上缩放，而在高度上不缩放。我怎么能改变它？

实施例： 比方说，我的所有图像都有1024 * 768像素的大小。 div的宽度为400px。我在滑块中有3张图片。

加载图像1后直接
• 显示 400 * 768像素 （错误）
• 然后它以400 * 300像素
滑动到图像2
• 然后以400 * 300像素的图像3
• 然后以 400 * 300像素的图像1 （右）
• ...

编辑：我刚注意到，这只发生在IE中，在Firefox中没有这样的错误。

Answer 1

我也有同样的问题 - 我将height: auto !important;添加到.nivo-main-image。

Answer 2

在nivo-slider.css中添加

.nivoSlider { height:520px; }//specifies the height