網站預載

這是我的網站：http://justxp.plutohost.net/jonydesigns/index.php 網站預載

正如你看到的，當你對他們懸停因爲懸停圖片並沒有改變或裝載機又菜單圖像跳躍。

和整體圖像。

我想製作一個預加載器，在加載頁面時顯示loading.gif圖標，一旦加載，只顯示頁面或淡出到頁面。

是否有任何預加載器教程？我已經搜索了網站預加載器，我發現所有的是一些自定義的CSS預加載欄和預加載器來指定圖像。

我需要整個網站的預加載器。

有沒有人知道我在哪裏可以找到一個？謝謝！

來源

2012-10-22 user1761494

您可以試試jquery load：http://api.jquery.com/load/ –

您應該使用sprites 。等等，再看看，你使用的是文字圖像嗎？我不知道如何解釋這是多麼錯誤 - 文本是互聯網真棒的一件事！文字圖像幾乎總是做錯的事情，除非它是超級幻想（你的主要動畫位落入'足夠公平'的用例！） –

事實上，與整個導航相關的CSS非常奇怪 - 你有一個過渡設置的時間加載，而不是'#menu div'一次。另外，不需要ms轉換。這應該使CSS更加簡潔！ –

要預載的圖片，只是把這個在你的初始化（您不必等待的document.ready運行此）：

var img1 = new Image(); 
img1.src = "http://www.colorcombos.com/images/colors/hex-codes/003366.png"; 
var img2 = new Image(); 
img2.src = "http://www.colorcombos.com/images/colors/hex-codes/FF9900.png"

或（jQuery的：）

$.preloadImages = function() 
{ 
    for(var i = 0; i<arguments.length; i++) 
    { 
    jQuery("<img />", {style:'display:none'}).attr("src", arguments[i]); 
    } 
}

用法：

$.preloadImages("img2_thumb.jpg", "img1_thumb.jpg", "img3_thumb.jpg");

ofcourse-圖像應該是懸停圖像。

來源

2012-10-22 13:32:38

謝謝！幫助^^ – user1761494

對於頂部的橫幅，就需要預載的圖片： http://rah1x.tumblr.com/post/32390880686/pre-load-images

對於網站，您要加載圖像的其餘部分，而圖像加載，這裏的東西，將讓你started.This適用於個人形象，但是，您可以簡單地將它作爲使用jquery進行圖片加載的事件： http://rah1x.tumblr.com/post/32450670309/show-loading-while-image-src-changes

來源

2012-10-22 13:34:42

回答

相關問題