jquery - 如何解决 Nivo Slider 中 'fade' 转换期间的高度调整问题?

标签 jquery css nivo-slider image-size responsive-slides

我正在使用 Nivo 图像 slider ,它似乎在“淡入淡出”过渡期间以错误的方式调整图像大小。这与我在网上发现的问题非常不同。

所有图像均为 900 x 300 像素, slider 为 1000 x 333 像素。第一个图像已正确拉伸(stretch),但当需要更改时,在过渡过程中,淡入图像将被剪切为 1000 x 300 像素。更改后,它会转到 slider 大小。我真的不知道问题是什么,是我的CSS(我尝试了一切,甚至安装了新的 slider 安装),还是 slider 本身?

也许有人可以告诉我,因为我感到困惑。我将不胜感激任何帮助,提前致谢。

编辑:

示例中给出的站点地址不再安装 Nivo slider ,因此我删除了该网址,抱歉。

最佳答案

我找到了解决办法,看起来没问题。唯一要添加并保持响应的代码是:

.nivoSlider img{height:100% !important;} 
.nivo-main-image{height:100% !important;}

这样做之后,您会收到漂亮且响应灵敏的 slider ,它可以与以 % 计量的布局一起使用。

关于jquery - 如何解决 Nivo Slider 中 'fade' 转换期间的高度调整问题?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22646760/

相关文章:

jquery - 如何使用 jQuery 在悬停时显示工具提示消息?

javascript - 如何使用 Javascript/jQuery 进行 JSON 的非 ajax POST?

css - 高度/内容更改时修复 css 3d 透视图

javascript - Nivo-slider 似乎在 header div 中放置了一个内联 css 高度

javascript - Nivo Slider - 当只有一张图像时停止动画

javascript - 将 Div Text 代码内联添加到 onclick 事件

jquery - 蜂窝边框

javascript - 我怎样才能使带有长文本的 div 转到下一行,因为它只是文本溢出?

jquery - 是什么导致了 Internet Explorer 9 中的空白

javascript - 无法将日期传递给 nivo 折线图