預加載網站

-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

回答

相關問題