顯示加載頁面加載GIF - iframe？

我正在加載一個IFrame，其中包含一個包含一長串動態數據的頁面到一個網站。根據寬帶速度加載需要幾秒鐘，並且由於安裝需要進行加載。顯示加載頁面加載GIF - iframe？

我想顯示加載GIF，以便用戶知道發生了什麼，但我努力使其顯示爲父頁面容器或圍繞iframed頁面內的div的背景圖像。

來源

2012-01-03 Dancer

請您如何使用GIF圖像粘貼代碼.. – Ved 2012-01-03 12:45:07

您可以添加圖像作爲iframe中body元素的背景，並且位置靠近頂部並居中。例如。 background-position: center 30px

當表格渲染開始時，圖像將被重疊，所以甚至不需要通過javascript將其刪除。

來源

2012-01-03 12:36:56 fcalderan

<head> 

<script> 
    var foo = function(){ 
     var a = document.getElementById('content'); 
     var b = document.getElementById('loading_img'); 
     a.style.top=''; 
     a.style.left=''; 
     a.style.position=''; 
     b.style.display='none'; 
    }; 
    </script> 
    </head> 

    <body onload="foo();"> 
    <img id="loading_img" style="display:block;margin:20px auto;" src="loading.gif" /> 
    <div id="content" style="position:absolute;left:-8000px;top:-20000px;"> 
    .. table .. and stuff 
    </div> 
    </body>

沒有測試，但應該工作:)

來源

2012-01-03 12:45:59 walialu

顯示加載頁面加載GIF - iframe？

回答

相關問題