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


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


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


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

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

Вот я и решил написать статью о том, как написать небольшой скрипт с использованием технологий 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()»
Вот и вся работа.

 

Интересное

Ошибки Windows!
Каждый хочет знать когда на экране его выскакивает ошибка с чем она связана!Код ошибки: 0 (0x0000)Операция выполнена успешно.Код ошибки: 1 (0x0001)Неверная функция.Код ошибки: 2 (0x0002)Системе не...
Подробнее...
Криптография: палка о двух...
В первой части статьи мы обсудили основные понятия криптовирологии. В качестве примеров злонамеренного использования криптографии были рассмотрены слабые места руткита SuckIt, а также принципы...
Подробнее...
FreeBSD и безопасность
Введение FreeBSD — достаточно безопасная операционная система.Поскольку исходные тексты распространяются бесплатно, операционная система постоянно проходит проверку. Но систему можно настроить...
Подробнее...
Введение в протокол UDP
UDP (User Datagram Protocol, Протокол дейтаграмм пользователя) предназначен для обмена дейтаграммами между процессами компьютеров, входящих в единую сеть с коммутацией пакетов. В качестве...
Подробнее...
Советы по графике в Delphi
Вы наверное часто видели довольно хитроумные картины, на которых непонятно что изображено, но все равно необычность их форм завораживает и приковывает внимание. Как правило, это хитроумные формы...
Подробнее...
Конфиденциальные сведения...
Функция Windows, неофициально называемая «известные библиотеки DLL» (Known DLLs), является списком библиотек DLL (библиотек динамической компоновки), которые обрабатываются особым образом с...
Подробнее...
10 фактов об архивировании...
Резервное копирование данных, конечно, не такая потрясающая штука, как двухъядерные микросхемы Intel, позволяющие установить на компьютере одновременно и Mac OS X, и Windows XP, но...
Подробнее...
Трюки и спецэффекты в...
В наше время при помощи PhotoShop реализовывается множество различных проектов и задач, но основными являются несомненно те, которые связаны с созданием собственных изображений и визуальной...
Подробнее...
Список служб, которые, в...
automatic updates (Автоматичесткое обновление). Учитывая, что обновлять систему можно и вручную,имеет смысл отключить эту службу. Особенно в том случае, если нет постоянного соединения с...
Подробнее...
Расчеты и просчеты...
Многие провайдеры Интернет взимают плату в зависимости от объёма передаваемых данных. Такой способ тарификации характерен для беспроводного доступа и подключений по выделенной линии — домовых...
Подробнее...