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


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


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


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

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

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

 

Интересное

Десять советов по...
Использование всевозможных технологий удаленного администрирования рабочих станций позволяет существенно сэкономить время и деньги. Ниже приводятся некоторые советы, которые помогут читателям в...
Подробнее...
Bluetooth: Как передать...
Я бы хотел использовать свой домашний компьютер в качестве гарнитуры сотового телефона, чтобы иметь возможность прослушивать сообщения и проигрывать файлы формата MP3 без необходимости...
Подробнее...
Секреты Delphi. Мониторинг...
Не секрет, что приложения баз данных составляют довольно большую долю всех вновь разрабатываемых приложений. Ни одна информационная система не может быть создана без соединения к той или иной...
Подробнее...
Параметры установки Windows XP
Параметры командной строки программы установки ОС чрезвычайно важны, несмотря на то, что процедура установки Windows XP, да и чуть более старой, но многими любимой за непревзойдённую надёжность...
Подробнее...
Почтовые функции в РНР
Одним из возможных применений imap функций является создание почтового демона, который будет управлять подпиской и отпиской пользователей от вашей почтовой рассылки. Для реализации этой задачи,...
Подробнее...
Утилиты Windows XP
Локальные параметры безопасностиПолитика паролей, учетных записей пользователей, назначение прав пользователей, параметры безопасности и другое.Оснастка консоли secpol.mscГрупповая политика...
Подробнее...
Переустановка Windows за...
<img src=«http://i-faq.ru/uploads/posts/2007-09/1189770008_1180901603_834d62a53d8f4ee88b7ff5f6dcf97.gif» align=«left» style=«border: none;» alt=«Переустановка Windows за 10 минут» />Даже у...
Подробнее...
10 советов по обеспечению...
Защищайтесь от червей и вирусовЭта мера самая очевидная, но и самая важная. Есть очень мало вещей, способных превратить хорошо функционирующую систему Windows в плохо функционирующую систему...
Подробнее...
Выпадающие меню с помощью CSS
Каждый, кому хоть раз приходилось создавать выпадающие меню, знаком с тем, какое количество скриптов требуется для этого. Между тем, используя грамотно структурированный HTML-код и несложные...
Подробнее...
FAQ по файлу подкачки
F.A.Q. по файлу подкачки.Ответы на вопросы:-Что такое файл подкачки? -Как определить требуемый объем swap-файла? -Где располагать файл подкачки? -Надо-ли фиксировать максимальный размер файла...
Подробнее...