Easyslider 1.7帮助 - 所有内容在页面加载显示

Question

在我的网页上实现简易滑块1.7与jQuery，我发现，当在网页第一次加载，在ul滑块显示两个图像，然后将滑块负荷正确且只有第一滑动显示。

什么是纠正这使滑块div不显示，直到脚本已正确加载的最佳方式？我使用此代码来运行它：

$(document).ready(function(){   
    $("#slider").easySlider({
        auto: true,
        continuous: true,
        pause: 10000
    });
});

Answer 1

您可以只隐藏通过CSS的内容，像这样的：

#slider { display: none; }

然后显示它在页加载，以及：

$(document).ready(function(){
  $("#slider").show().easySlider({ auto: true, continuous: true, pause: 10000 });
});

为了安全起见我一个块添加到非JS用户的页面，可能是一个样式表里面，如果你有很多这样的，否则只是一种风格标签：

<noscript><style type="text/css">#slider { display: block; }</style></noscript>

Answer 2

我添加下面的代码我的CSS从被堆叠起来隐藏图像。

/*Added to hide stacking of images on IE 7/8*/
#slider{
  height:227px;
  overflow:hidden;
}