Загрузка изображения иногда не появляется

В моей системе у меня есть файл php, обрабатывающий транзакцию, а затем отправьте форму через сообщение. И несколько раз это занимает около 10 секунд. Поэтому я поместил gif (размером менее 100 тыс.), Чтобы он показывался, пока пользователь ждет его завершения. Проблема в том, что иногда транзакции завершаются так быстро, что изображение не имеет времени для появления. И когда 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

Вы предлагаете вы * хотите * пользователей ждать изображения, которое указывает, что они ждут, даже если они не должны ждать? –

Lol. Сожалею. Я забыл сказать, что когда 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

Вы можете добавить один onload слушателя в image tag, который будет вызывать при загрузке изображения. Таким образом, вы можете изменить visbility тега, что-то вроде:

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

источник

2013-05-22 03:46:15 fmodos

Загрузка изображения иногда не появляется

ответ

Смежные вопросы