在頁面的其餘部分加載一個圖像

我創建了一個Wordpress主題，但是頁面加載時出現問題。當我在頁面之間移動時，頁眉中有一張表格（包含2張圖片），當所有其他元素都被卸載時，這些表格會留在頁面上。任何想法如何解決這個問題，讓這張圖片只顯示頁面的其餘部分？在頁面的其餘部分加載一個圖像

請參閱http://thetaonline.co.za/newWeb/並單擊每個菜單項以查看剩餘圖像（在頁面的其餘部分之前加載）。

來源

2013-04-16 Cathy

你的HTML代碼搞砸了。它在<html>之前打開<table>，並在</html>之後關閉。這些東西應該進入<body>...</body>區域。

這就是爲什麼它在頁面加載完成之前顯示的原因，因爲使用<script src=...或<link href=...調用的外部資源將掛起頁面呈現，直到它們被加載。這就是爲什麼這些東西通常在所有東西之前被調用，在<head>...</head>塊內，有（或者應該）仍然沒有定義顯示。

如果你做錯了，它會顯示準備好渲染的東西 - 基本上就是那張圖片 - 直到其餘部分被加載。

由於在<head>塊中放置外部資源調用，它似乎是正確的，所以基本上只需將該表放到正確的位置以使頁面正確顯示即可。

我看到也有一些可能會導致問題的拼寫錯誤，比如<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"最後缺少>等。您應該檢查您的代碼。

來源

2013-04-16 07:19:58 Havenard

嘗試使用jQuery和做這樣的事情：

$(function() { 
    $.preload(["image1.png", "image2.png"]); 
    }

來源

2013-04-16 07:21:07 gemGreg

編輯：你還是看看Havenard的回答！

我不知道，如果這是一個好主意（我猜是不是！），但你實際上可以先隱藏這些圖像，然後使用jQuery展示他們的頁面完全加載後：

<table width="35" border="0" cellspacing="0" cellpadding="0" style="display:none" id="specialimages"> 
<!-- your 2 images in here --> 
</table> 

<script type="text/javascript"> 
$(document).ready(function() { 
    $('#specialimages').show(); 
}); 
</script>

來源

2013-04-16 07:21:31 Tonsenson

在頁面的其餘部分加載一個圖像

回答

相關問題