Question

在我的系统中，我有一个处理事务的php文件，然后通过post提交表单。有时需要大约10秒钟。所以我在它上面放了一个加载gif（小于100k大小），当用户等待它完成时显示。问题是有时交易完成得太快，以至于图像没有时间出现。当gif没有加载时，它会将图像空间显示为经纪链接，因此看起来像是一个错误。

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加载时间？我是编程的新手，所以有人可以帮我吗？

Answer 1

您可以通过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>

Answer 2

您可以在onload中添加一个image tag侦听器，在加载映像时将调用该侦听器。因此，您可以更改标签的可见性，例如：

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

有时不会出现加载图像

2 个答案: