2

嗨，我已经使用这个美妙的 jQuery 滑块构建了一个大型图片库，考虑到我包含的幻灯片数量，初始加载时间很长，我想知道是否有一种简单的方法可以让我集成基本加载动画 div - 例如。带有“正在加载画廊..”文本的微调器 - 滑块完全加载后隐藏？我很好奇是否有办法让我指示 DOM 首先显示加载 div，并可能使用滑块的回调函数之一——或通过 jQuery（？）——在完全初始化时拉出 div？最终，我希望在脚本、标记和缩略图加载到浏览器中的 5-10 秒内向用户显示一些内容（我正在使用延迟加载功能，所以它

感谢您在这里的任何见解。

4

1 回答 1

4

您可以按以下方式进行操作，但请记住它未经测试。

js

$(window).load(function(){
   // initialize slider.
   // remove loading_image image as below
   $('img#loading_image').remove();
});

HTML

<div><img src="loading.jpg" alt="" id="loading_image" /></div>
<div><img src="image.jpg" class="hide" alt="" /></div>
<div><img src="image.jpg" class="hide" alt="" /></div>
<div><img src="image.jpg" class="hide" alt="" /></div>
<div><img src="image.jpg" class="hide" alt="" /></div>

CSS

#loading_image { display: block; other css code. }
.hide { display: none; }

希望这将有助于此代码的作用，直到页面完全加载，它将隐藏除加载图像之外的所有滑块图像，并且一旦页面完全加载了所有图像，它将按您的需要工作。

于 2013-02-12T06:33:18.210 回答