Jquery Window.load函数使用预加载程序gif冻结我的页面

我正在使用window.load jquery函数预加载带有gif图像的主页

现在的问题是，页面在一段时间后冻结/超时，因为所有内容都没有加载，只显示gif动画。 但是，当再次重新加载页面时，页面会像应该的那样加载并隐藏预加载程序，但我不希望用户每次都重新加载页面

我特别使用window.load函数，因为预加载程序的全部需要是预加载那些在加载时看起来很糟糕的大图像（图像在滑块中）

函数：添加在我的结束标记的正上方：

<script type="text/javascript">
$(window).load(function()
{
    $("#content").css('display', 'block');
    $("#loading").hide(); //the loader is hidden once content is loaded//
});
</script>

$（窗口）。加载（函数（）
{
$（“#内容”）.css（'display'，'block'）；
$（“#加载”）.hide（）；//加载内容后，加载程序将隐藏//
});

如何在不再次刷新的情况下解决此加载“超时”问题

---

谢谢

我认为您应该尝试使用文档。准备好了吗：

$(document).ready(function() {
    $("#content").css('display', 'block');
    $("#loading").hide(); //
});

编辑：

您可以尝试Witing以加载您的内容：

$('#content').load( function(){
});

---

或者将

加载

绑定到滑块中的最后一个图像。

您要加载多少图像/脚本/css？哈哈……这是一个wordpress主题，加载了所有虚拟内容。而且特色滑块有很大的图像…谢谢，但是你看，我特别使用window.load函数，因为在使用document.ready时，它会在特色滑块中的一些图像加载时开始显示内容，所以滑块是主要焦点，当没有完全加载时看起来很垃圾…还有其他建议吗？你可能会考虑使用插件，我已经用另一个SooSoCdCy编辑了我的答案。试过了，但滑块的效果不太好。我这样做了，并尝试了它的一些变体，但仍然不起作用：请看。。。注意：#slider image container是保存图像的div的id。图像的容器是由php生成的，因此我不知道如何将id应用于每个图像容器，因此我使用所有图像的主父元素…或者您可以使用类似“$”（“#slider image container img:last”）的东西来寻址最后一个图像，并对其进行处理