jQuery Cycle 插件，所有图像加载并显示在开头

Question

我正在使用 JQuery 循环插件，它运行得很好。然而，当您第一次在 ie8 中加载网站时，所有图像都会显示在屏幕上，然后几秒钟后它们就会设置到位并正常运行循环。

我希望它们在后台加载，直到“循环”中出现时才显示

CSS 看起来像:

#s1{
float:left;
background-color:#000000;
width:300px;
margin:1;
}

#s2{
float:left;
background-color:#000000;
width:300px;
margin:1;
}

JavaScript 看起来像:

$('#s1').cycle({
  fx: 'fade',
  timeout: 2500,
  speed: 1000
});

$('#s1').cycle({
  fx: 'fade',
  timeout: 2500,
  speed: 1000
});

Answer 1

在不了解您使用的标记的情况下，您可以尝试这样的事情

CSS

.imageClass{
    display:none;
}

javascript

$(function(){
    $('imageClass').show();
});

这应该开始隐藏图像，然后一旦 dom 准备好再次显示它们，到那时你的插件应该启动。