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

中的