加载图像有时不会出现

在我的系统中，我有一个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

加载图像有时不会出现

回答

相关问题