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

时间:2011-03-22 17:31:25

标签: javascript jquery html css nivo-slider

我在Nivo滑块上有这个奇怪的问题,当图像第一次打开时,图像不是居中对齐而是右对齐。刷新将使用缓存,问题将消失,但如果我Ctrl + F5它,那么问题将会出现并将在下次重新加载时消失。

我怀疑它是js中的计时问题,当我们获得缓存命中时,图像已经加载并且Nivo滑块正确对齐图像但是当图像大小不可用时(缓存未命中),它确实有问题,滑块图像不对齐。

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

屏幕截图:enter image description here

1 个答案:

答案 0 :(得分:1)

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

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