Ошибка: Failed to parse the Currency Converter XML document.
$2 275.12


Ошибка: Failed to parse the Currency Converter XML document.
$15 143.31


Ошибка: Failed to parse the Currency Converter XML document.
$1 930.50


Скрытая загрузка

Не для кого не секрет, что в наше время Интернет-странички просто переполнены различной графикой (баннеры, дизайн странички, графические счетчики) — без этого уже почти невозможно представить красивую и популярную страничку. Долгая загрузка таких страничек очень раздражает, а как хотелось бы подождать некоторое время и увидеть страничку во всей красе.

Вот я и решил написать статью о том, как написать небольшой скрипт с использованием технологий DHTML, который бы загружал всю графику на страничке скрыто, а потом показывал бы ее во всей красе.

Давай те сразу же начнем разбирать, как бы нам написать такой скрипт.


Сделаем скрипт более простым, разобьем его на две процедуры.

Первая процедура должна прятать контекст странички и выводить информацию пользователю, — мол, подождите некоторое время, страничка загружается. Вторая процедура должно будет загружать всю графику, которая использует наша страничка.

Первая процедура
Как и было написано ранее это процедура прячет контекст страничке и выводит сообщение.

<SCRIPT language=javascript><br>
<!--<br>
  var nn4 = document.layers ? true:false;
  var ie4 = document.all ? true:false;

    function hideContent()
    {
     if (document.all)
    {
      document.all.showContent.style.visibility = «hidden»;
    }
    }
      if (ie4)
       {
        var html;
html = «<div id=\"showContent\" style=\"position: absolute; left:0px;
     top:0px; z-index:200; width:1024; height:768;\">»
html += « <table width=\"1024\" height=\"768\" border=\"0\"
    cellspacing=\"10\" cellpadding=\"10\" bgcolor=\"#F6F8F9\">»
html += « <tr>»
html += « <td align=\"left\" valign=\"top\">»
html += « <span class=\"bold\">woscripts.com</span><br><span class=\"smalltext\">
Идет загрузка графики... пожалуйста<b>подождите</b></span>»
html += « </td>»
html += « </tr>»
html += « </table>»
html += «</div>»
<br>
        document.write(html);
       }
//-->
</SCRIPT>

Вторая процедура
Вторая процедура подгружает графику, которая используется на страничке. В создаваемый массив preloadImages вы должны прописать графику (картинки) и которые должны загружаться на странички (лого, баннеры и.т.д.). Вы должны указать полный путь к каждому графическому файлу (картинки) ниже приведены примеры. Например: image/logo.gif — из каталога image загружаем графический файл (картинку) logo.gif

<SCRIPT language=JavaScript>
<!--
   var nn4 = document.layers ? true:false;
   var ie4 = document.all ? true:false;
    function Loadz() {
     if (ie4)
      {
       <b>var preloadImages</b> = new Array(«background.gif»,
       «???????_???_????????/????????.gif»,
       «links/wolinks.gif»,
       «logo.gif»,
       «banner.gif»);
      var i;
      var imageLoaded = new Array()
      for (i=0; i<preloadImages.length; i++)
        {
         imageLoaded[i] = new Image();
         imageLoaded[i].src = preloadImages[i];
        }
      }
    }
//-->
</SCRIPT>

Итак процедуры написаны, теперь нам нужно внедрить этот код в html.

Подключение процедура
Эти две процедуры должны обязательно, находится в файле индексе (index.htm, Index.html и.т.д.) то есть с того файла, который начинает загрузку вашего сайта. Вставляем в индекс файл написанные нами процедуры до ключа BODY, лучше всего это сделать сразу после META-тэгов. Записываем в ключ BODY вызовы на наши процедуры : onload=«loadz(); hideContent()»
Вот и вся работа.

 

Интересное

Вычисление IP адресов...
Все мы когда-то начинали программирование в сети с простой операции определения IP адреса, принадлежащему нашему компьютеру. Задав такой вопрос в форуме, мы обычно получали очень короткий ответ:...
Подробнее...
Ставим Windows Server 2003
К вопросу о “правильных” и “неправильных” дискахДля начала расскажу о тех дисках, которые я считаю “неправильными”. Во-первых, это все “Beta X” которые вам удастся найти. Причина, по которой я их...
Подробнее...
FreeBSD и безопасность
Введение FreeBSD — достаточно безопасная операционная система.Поскольку исходные тексты распространяются бесплатно, операционная система постоянно проходит проверку. Но систему можно настроить...
Подробнее...
Как узнать информацию о...
Вы, возможно, видели нестандартные дельфийские компоненты, позволяющие сделать лог системы. Сейчас мы самостоятельно реализуем что-нибудь не хуже.Прежде всего, где хранится эта самая системная...
Подробнее...
Определение наличия...
По статистике, около 90% пользователей в наши дни пользуются Internet Explorer (5-й или 6-й версией). В этих браузерах Flash, как правило, уже установлен (если же нет, то, при наличии...
Подробнее...
Вклады
Выбор депозита – ответственная и сложная задача! 
Подробнее...
Форум без базы данных за...
Loser рассказывает как можно написать свой форум не используя никаких баз данныхЭтой статьей я хочу показать, что можно обойтись без баз данных, написав неплохой форум. Это статья является как бы...
Подробнее...
Логотип — это основа
Логотип — центральный элемент фирменного стиля компании, фундамент, на основе которого возводятся нерушимые стены бастиона узнаваемости и башен доверия. Любая основа обязана прочно сохранять свою...
Подробнее...
.htaccess - великий и...
Как известно, самым популярным на сей день веб-сервером является Apache в различных версиях (а вовсе не IIS, как утверждает Microsoft). Его ставят на свои сервера большинство хостителей, услуга же...
Подробнее...
Windows 2003 на домашнем...
Последний представленный компанией Microsoft продукт — семейство Windows 2003 - является прямым продолжением Windows 2000. Эта система предназначена, в основном, для серверного, а не для домашнего...
Подробнее...