加載圖像有時不會出現

在我的系統中，我有一個PHP文件處理事務，然後通過發佈提交表單。有時需要大約10秒。因此，我將一個加載gif（小於100k大小）放在上面，在用戶等待它完成時顯示。問題是，有時交易完成得如此之快以致圖像沒有時間出現。當gif沒有加載時，它將圖像空間顯示爲Broker鏈接，因此它看起來像是一個錯誤。加載圖像有時不會出現

HTML：

<div class="content_animated"> 
<img src="../images/ra_loading.gif" alt="Aguarde..processando seu pagamento..." title="Aguarde..processando seu pagamento..." /> 
</div>

CSS：

.content_animated{ 
    position:absolute; 
    width:436px; 
    height:38px; 
    top:50%; 
    left:50%; 
    margin-left:-218px; 
    margin-top:-16px; 
}

是否有可能迫使它加載或設置延遲，以便有時間的GIF加載？我是編程的新手，所以有人可以幫助我嗎？

來源

2013-05-22 Marcelo Srougi

你是在暗示你想* *用戶等待指示他們在等待，即使他們沒有等待的形象呢？ –

哈哈。抱歉。我忘記說，當ra_loading.gif沒有加載時，它將圖像空間顯示爲中斷鏈接，因此它看起來像是一個錯誤。 –

你可以看到我已經使用JavaScript

<html> 
    <head> 
     <script language = "JavaScript"> 
     function preloader() 
     { 
     loadingImage = new Image(); 
     loadingImage.src = "../images/ra_loading.gif"; 
     } 
     </script> 
    </head> 
    <body onLoad="javascript:preloader()"> 
     <!--call for Javascript to preload the image--> 
     <img src="../images/ra_loading.gif" alt="Aguarde..processando seu pagamento..." title="Aguarde..processando seu pagamento..." /> 
    </body> 
</html>

來源

2013-05-22 03:42:32 Yogus

預裝圖像的方式，你可以在image tag添加一個onload監聽器，這將是載入圖像時調用。所以，你可以改變標籤的visbility，是這樣的：

<img id="a" onload="this.style.display='block'" style="diplay:none" src="yourimage.gif"/>

來源

2013-05-22 03:46:15 fmodos

加載圖像有時不會出現

回答

相關問題