javascript - 加载问题后 Nivo 滑块调整大小

Question

我在我的网站上使用了 Nivo 滑块，但我遇到了一个小问题。当我的网页正在加载时，图像会以它们的全尺寸显示，然后它们会缩小到它们应该是的尺寸。请有人让我知道为什么会发生这种情况或如何防止这种情况发生？

可能还值得一提的是，一旦加载了第一页就可以了，它只会在您加载第一页时发生 - 但众所周知，第一印象很重要！

网址是：http ://www.urbanedge-promotions.com/

谢谢你的帮助。

丹尼尔

Answer 1

使用 css 设置默认值

添加：

//stops the image from being larger than 100% width
.nivoSlider img {max-width: 100%!important}

或者

//stops the image from being larger than 100% width
body .nivoSlider img {max-width: 100%}

或者这个，在max-width需要时在不支持的浏览器中覆盖它：

//sets width to 100% by default
.nivoSlider img {width: 100%}

到你的CSS，覆盖：

.nivoSlider img {max-width: none}

在nivo-slider.css