javascript - 仅当站点未从缓存加载时，Nivo 滑块未对齐问题

Question

我在 Nivo 滑块上有一个奇怪的问题，即第一次打开页面时图像没有居中对齐，而是右对齐。刷新将使用缓存，问题就会消失，但如果我Ctrl + F5这样做了，那么问题就会再次出现，并且会在下一次重新加载时消失。

我怀疑这是 js 中的时间问题，当我们获得缓存命中时，图像已经加载并且 Nivo 滑块正确对齐图像但是当图像大小不可用（缓存未命中）时，它会出错并且滑块图像未对齐。

网址 - http://wordpress.ashfame.com/

截屏：

Answer 1

如果您将 nivo 滑块设置为 780 像素 x 425 像素，这是图像的大小，那么它应该可以解决您的问题。但是，由于上一个和下一个按钮的透明度和白色，您将无法轻松找到导航箭头：

#nivo-slider {
     width: 780px;
     height: 425px;
     margin: auto;
     background: url('images/loading.gif') no-repeat 50% 50%;
}