html:
<img id="preloader" src="/img/2.svg">
css:
|
Код:
|
#preloader {
opacity: 0;
transition: none;
} |
javascript
:
document.getElementById('preloader').style.opacity=1;
При исполнении скрипта картинка становится видимой с задержкой в секунду, а иногда и в полторы-две.
Для проверки переписал javascript
:
document.getElementById('preloader').style.opacity=1;
alert('оПа');
При этом 'оПа' появляется мгновенно, а картинка по прежнему задерживается. Пробовал так же вместо opacity применять display:none - display:block и получил тот же результат.
В чём может быть причина?