Прелодінг

3 Листопад 2008

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<script language="javascript" type="text/javascript">
function showpage() {
document.getElementById('loader').style.display = "none";
document.getElementById('main').style.display = "block";
}
</script>
</head>
<body onload="showpage();">
<div style="height:100%; width:100%; display:block;" id="loader">
Сюди тулимо те що має бачити відвідувач в той
момент, коли сторінка ще вантажиться
</div>
<div style="height:100%; width:100%; display:none;" id="main">
Сюди вставляємо власне код сторінки
</div>

</body>
</html>

Tеги:

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

Кількість коментарів: 13 на пост “Прелодінг”

  1. fryevhen:
    3 Листопад 2008 о 13:41

    ото тепер зявляться сайти з прелоудами )

  2. Mixa:
    3 Листопад 2008 о 13:44

    fryevhen, треба було хоч смайлик втулити аби я зрозумів до чого ти хилиш…

  3. masterpiecer:
    3 Листопад 2008 о 13:46

    Класно! Беру собі :)

  4. Mixa:
    3 Листопад 2008 о 13:48

    Але вважай, що якщо в тебе на сайті є якісь елементи, що вантажаться зі сторонього джерела і з завантаженням якого може виникнути трабла, то прелодінг так і буде висіти… Треба ше урізноманітнити скрипт і взнати в спеців-джаваскриптерів як виставити тайм-аут…

  5. fryevhen:
    3 Листопад 2008 о 13:49

    Вже почалося )

    тепер тільки рахуй сайти хто собі таке поставить )

  6. Mixa:
    3 Листопад 2008 о 13:50

    та ну, побавляться дітки пару днів і все. Он в мене наприклад шатеррелоад перестав працювати через це…

  7. masterpiecer:
    3 Листопад 2008 о 13:54

    Як на мене, цікава і корисна штука. А якщо цікава і корисна, чом би не додати? :)

  8. fryevhen:
    3 Листопад 2008 о 13:54

    я колись юзав простіший спосіб: осьо отут http://nema.org.ua/. зможеш витягнути – давай

  9. Mixa:
    3 Листопад 2008 о 13:58

    Ну куди ж уже простіше? Чьо ж не зможу? Просто мене і цей влаштовує…

  10. Mixa:
    3 Листопад 2008 о 14:01

    fryevhen, витягнув. Дякую!

    Скрипт

    function hideLoading() {
    document.getElementById(‘pageIsLoading’).style.display = ‘none’;
    }

    Код одразу після відкриття body:
    div id=”pageIsLoading” style=”position:fixed;
    display: block;
    width: 100%;
    height: 100%;
    color:#000000;
    font-weight:bold;
    background-color:white;
    background-image: url(throbber.gif);
    background-position: center;
    background-repeat: no-repeat;”
    //закрити дів!

  11. fryevhen:
    3 Листопад 2008 о 14:21

    твій “покрасівши” ніж мій, але зато у мене не сильно привязано до інших ява скриптів на сторінці. то єсть – тошо ти і казав.

  12. Mixa:
    3 Листопад 2008 о 14:24

    Та всьо, всьо, ти переміг! )))

  13. Olenka:
    13 Листопад 2008 о 18:19

    А навіщо воно треба? хіба що – трохи погратися…
    Мене особисто не бентежить споглядання підвантаження малюнків. Бо ж тим часом я вже можу знайомитись з текстом, а не дивитися на бігаючу смужку..
    Чи є якийсь прихований від мене зміст? )))

Написати коментар

Товарищі спамєри! Навіть не старайтеся! Всеодно ваші дебільні коменти не пройдуть модерацію! Не витрачайте даремно свій і мій час!

 

»
«