6

我在一个 div 中使用 Nivo Slider jQuery 插件,它的尺寸比我正在显示的图像小。当滑块滑动到第二个图像时,图像上的图像被正确缩小。

但是当第一次显示第一张图片时(直接在加载页面之后),它只在宽度上缩放,而不是在高度上。我该如何改变呢?

示例:假设我所有的图像的大小都是 1024*768 像素。div 的宽度为 400 像素。我在滑块中有 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 回答