Прелодінг

Ви вже мабуть помітили, яка прикольна фішечка з’явилася у мене на сайті і нервує вас щоразу, коли ви чекаєте завантаження чергової сторінки. Це зроблено для того, аби приховати від відвідувача процеc підвантаження графіки та формування сторінок.

Зробити це, як завжди, дуже просто 🙂 за помогою невеличкого джава-скрипта:

function showpage() {
document.getElementById('loader').style.display = "none";
document.getElementById('main').style.display = "block";
}



<div style="height:100%;width:100%" id="loader">
Сюди тулимо те що має бачити відвідувач в той
момент, коли сторінка ще вантажиться
</div>
<div style="height:100%;width:100%" id="main">
Сюди вставляємо власне код сторінки
</div>