0

在我的系统中，我有一个处理事务的 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 加载时间？我是编程新手，有人可以帮我吗？

4

2 回答 2

0

您可以看到我使用 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-22T03:42:32.483 回答
0

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

<img id="a" onload="this.style.display='block'" style="diplay:none" src="yourimage.gif"/>
于 2013-05-22T03:46:15.263 回答