이미지로드 가끔 나타나지 않습니다.

제 시스템에서 거래를 처리하고 게시를 통해 양식을 제출하는 PHP 파일이 있습니다. 그리고 어떤 때는 약 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를로드 할 시간을 제공하기 위해 지연을 설정 강제 할 수 있습니까? 나는 프로그래밍의 초보자입니다. 그래서 누군가 나를 도와주세요.

출처

2013-05-22 Marcelo Srougi

기다리지 않아도 사용자가 기다리고 있음을 나타내는 이미지가 나타날 때까지 기다리시겠습니까? –

권. 죄송합니다. ra_loading.gif가로드되지 않으면 이미지 공간이 브 링크 된 링크로 표시된다는 것을 잊어 버렸기 때문에 오류처럼 보입니다. –

귀하는 이미지가로드 될 때 호출 될 것이다는 image tag 한 onload 리스너를 추가 할 수 있습니다 내가 자바 스크립트

<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

와 이미지를 미리로드 한 방법을 볼 수 있습니다. 따라서 태그 표시 여부를 다음과 같이 변경할 수 있습니다.

출처

2013-05-22 03:46:15 fmodos

이미지로드 가끔 나타나지 않습니다.

답변

관련 문제