预加载网站

-1

我正在预加载网站。我只想在网站上加载一次吧。当它加载时，我希望每个页面都预加载。我将如何做到这一点？预加载网站

http://frankadvertisingus.com/fa_website/home.html

2011-05-14 BDGapps

您确定要这么做吗？许多研究表明，用户感到厌倦并且非常迅速地离开网站 - 优化第一次加载是值得的，这真的是与此相反。我知道你需要用于过渡等的图片，但是一旦最低限度显示网站可用，可能会在后台加载它们。 – 2011-05-14 18:51:53

我希望它能够全部加载它。 – BDGapps 2011-05-14 18:56:15

你可以试试这个http://www.chillipear.com/plugins/preloader/ – nmsdvid 2012-06-25 08:54:38

右键单击源代码可以帮助

在这里你可以找到的jQuery它的来源。 http://www.gayadesign.com/diy/queryloader-preload-your-website-in-style/

来源

2011-05-14 17:58:54 sfat

这就是我用它，但我希望它加载整个网站不只是一个页面，我需要导入其他文件，因为我试过了那没用？ – BDGapps 2011-05-14 18:01:21

，你可以更换或隐藏的机构，它加载和显示网页载入和显示时其完成的工作内容

有一个较旧的帖子在这里关于这一点的同时： How can I create a "Please Wait, Loading..." animation using jQuery?

应该是你想要的

脚本的HTML文件？认为它只是是.js工作

也必须添加它使用

<script type="text/javascript" src="preload.js"></script>

来源

2011-05-14 18:47:58

但是我只加载了一次...... – BDGapps 2011-05-14 18:55:00

通常情况下，浏览器缓存一个网站，所以在第一次访问之后，它比第一次访问时加载速度快，所以用户应该只看到一次preloafd动画此外，您还可以创建一个cookie，该cookie将在第一次访问时创建，因此当用户下次访问您的网站时，如果存在Cookie，则该脚本不会加载，但您认为错了，因为那里会是ge因为浏览器的缓存一般只有一次preloader，希望你明白 – 2011-05-14 19:13:50

如何创建一个cookie？ – BDGapps 2011-05-14 19:34:15

页眉

<script type="text/javascript"> 
function hideLoadingLayer(){ 
document.getElementById("loading_layer").style.visibility="hidden"; 
} 
</script>

身体

<body onload="hideLoadingLayer();">

事业部

<div id="loading_layer"><img src="images/loading.gif" alt="" width="550" height="400" border="0" /></div>

每一页上

CSS

#loading_layer{ 
position:absolute; 
width:100%; 
height:100%; 
top:0; 
left:0; 
z-index:999999; 
background-color: #FFF; 
text-align: center; 
margin: 0 auto; 
}

从JavaScript (website) Web page preloader

来源

2011-12-29 06:46:28 STEEL

你应该总是提供外部链接的内容，否则当链接断开时你的答案是毫无价值的。我为你做了这个。 – sra 2011-12-29 07:26:57

编辑插入

好吧，这个问题是旧的，而且提供的链接是死的，而有些用户提供关于如何使可用的答案不错修正，我决定编辑我的答案，解释预加载的过程，而不是提供一个链接。

预加载网页只是在页面呈现时显示一些文本，图像或其他内容，以通知访问者在后台发生了某些事情。最简单的方法是包含简化整个过程的jQuery。我们的主要目标是在页面加载时显示，比如说文本。所以，我们的任务是首先显示文本，然后当页面完全加载时，隐藏文本并显示内容。

<script src="http://code.jquery.com/jquery-latest.min.js"></script> // include jQuery source 

<script> 
    $('.content').hide(); // hide content while rendering 
    $(document).ready(function(){ // When page is fully loaded... 
     $('.preload').hide(); // hide preloader 
     $('.content').show(); // and show content 
}); 
<div class="preload">Loading...</div> 
<div class="content">Some generic content here</div>

这只是一个基本的例子，你可以用jQuery来玩一些不错的预加载器。

ORIGINAL

这是我的第一个预加载。这很简单。加载页面时，它显示预加载器，然后隐藏预加载器和显示页面。 Preload web site using jquery (simple)

来源

2012-11-06 18:59:02 Aleksandar

这看起来不错。 – Amar 2012-11-06 19:20:50

您可以插入预加载图像，以使用户更感兴趣。只需替换加载文字和图像，就是它。 – Aleksandar 2012-11-08 03:52:32

回答

相关问题