Выкладываю в паблик по просьбе пользователя ximera
Суть скрипта в том, чтобы до полной загрузки скрипта скрыть весь контент сайта и вывести индикатор загрузки страницы. После полной загрузки страницы необходимо скрыть индикатор и отобразить страницу
Реализация:
1#: В самом верху нужных страниц вставьте:
|
|
<div style="position:absolute;top:300px;left:50%;margin-left:-64px;width:300px;z-index:3;" class="prel"><img src="/images/prel.gif" /></div> <div class="mydv" style="display:none;"> |
2#: В самом низу нужных страниц вставьте:
|
|
<script> $(window).load(function() { $('.prel').fadeOut(0); $('.mydv').css('display', 'block'); }); </script> </div> |
Картинку из прикреплённого архива залейте в папку
images Автор публикации
27
Комментарии: 47Публикации: 59Регистрация: 13-06-2015
То что нужно было! Спасибо!
Всё просто и замечательно, дизайн свой навешивать - это уже дело вэб-мастеров. Главное: тут никакой лишней \"воды\" в виде эстетики.
Автору имеет смысл добавить в статью строчку о подключении библиотеки JQuery, а то я тоже не сразу понял как сделать, чтобы код заработал. К пользователям: в любом месте перед самым первым DIV\'ом из этой статьи добавьте: <script src=\"http://code.jquery.com/jquery-latest.js\"></script> - это и есть подключение библиотеки JQuery
Я думаю, из заголовка материала было видно, что скрипт работает на jQuery и людям нужно будет его подключить
Это - когда знаешь кто такой JQuery и как его едят. Кстати, сам узнал в теории о некоторых технологиях давно, а на применять на практике понадобилось совершенно недавно. Так что ради нескольких строчек - пришлось перечитать горы литературы, перепробовать массу неработающих примеров, чтобы хоть чуть-чуть больше в этом понимать. А практическая задача заключается ведь не в самом по себе научении программировать, а с помощью компьютера облегчать, а порой и вовсе Решать задачи, подброшенные самой жизнью, бизнесом, их практическими потребностями