Javascript 预加载问题

我仍然是一个新手，在这个网站的大部分东西，但我试图得到一个div加载之前的网站，通过我创建的div循环，然后加载网站。下面是我的代码，可以循环使用并获得正确的div：

$(function () {
$('#splash-holder').delay(6000).toggle('#splash-main');

var counter = 0,
    divs = $('#splash-one, #splash-two, #splash-three, #splash-five');

function showDiv () {
    divs.hide() // hide all divs
        .filter(function (index) { return index == counter % 3; }) // figure out correct div to show
        .fadeIn('fast'); // and show it

    counter++;
}; // function to loop through divs and show correct div

showDiv(); // show first div    

setInterval(function () {
    showDiv(); // show next div
}, 13 * 180); // do this every 10 seconds    

});

然后我使用这个预加载脚本：

$(window).load(function() {
 $('#preloader').delay(6000);
 $('#preloader').fadeTo('fast', 0.1 , function() {
 $('body').css('overflow','visible');
 $(this).remove();
 });
});

这是我的密码：

<div id="preloader">
  <div id="spinner_container">
    <div id="splash-holder">
      <div id="splash-title" class="hFont">We <img src="<?php bloginfo('template_directory'); ?>/images/logo-c.png" /></div>
      <div id="splash-one" class="hFont">conversations not messages.</div>
      <div id="splash-two" class="hFont">bridges not silos.</div>
      <div id="splash-three" class="hFont">things differently.</div>
 </div><!-- #splash-holder -->
   </div><!-- #spinner-container -->
 </div><!-- #preloader -->

We/images/logo-c.png“/>
对话而不是信息。
桥梁不是筒仓。
事情不同了。

---

这是可行的，但我想知道是否有更干净的编码方法。

没有办法在页面之前加载div。几乎最佳的解决方案是您自己的。您不能在页面之前加载div，因为div与您的其他代码一样是DOM的一部分。您可以隐藏所有页面，但一个div除外，然后等待页面通过在显示加载栏时（如果您正试图这样做的话），但仅通过ajax就可以加载顺序页面

ajax方法是只加载带有脚本和加载栏的页面，然后从ajax接收的json构建页面，或者在加载栏“屏幕”后面加载整个视口

---

实现它很有趣，它有很多代码。

这在js标记下比在php下更合适。答案是：你应该首先加载网站（浏览器法则）然后在页面其余部分隐藏时修改div。删除PHP标记。这个问题中没有PHP。实现我正在尝试的目标的最佳方法是什么。任何帮助都将不胜感激。我知道Khael说加载网站，然后在页面其余部分隐藏时修改div。有人能帮我解决这个问题吗？Tha谢谢你帮我清理了khael。我想我会试试你说的，最好我把所有的页面都隐藏起来，除了一个div。