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准备好再次显示它们，那么你的插件就应该开始了。

Answer 2

请记住在Javascript中为var添加句号，例如.imageClass

Answer 3

只有当documnts准备好这样的时候才把功能放在加载上并且它对我有用：

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

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

当窗口加载时，img将在此之前显示，因此取消闪光灯

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

3 个答案: