воскресенье, 25 ноября 2012 г.

Индикатор загрузки страницы

http://paranoidoff.blogspot.com
    Много я видел всяких разных способов установить такую штуку себе в блог, но хотя я очень точно выполнял все инструкции, по какой- то загадочной причине, у меня в блоге все эти скрипты наотрез отказывались работать...


    Рабочий вариант я нашёл  здесь. У автора вы найдёте подробную инструкцию по установке и настройке скрипта. Так же на этом сайте можно скачать исходники (RAR архив, который содержит два JS файла и изображение). Большое спасибо автору!

    Если всё же по какой- то причине вам лень возиться с исходниками или вы просто не знаете что с ними делать, то можете воспользоваться готовым кодом:

<script type="text/javascript" src="http://white-katalog.ucoz.ru/loading/u.js"></script><script type="text/javascript" src="http://white-katalog.ucoz.ru/loading/jquery.blockUI.js"></script><script type="text/javascript">$(document).ready(function(){$.blockUI({message:'Немного подождите,<br>идет построение страницы...<br><img src="http://3.bp.blogspot.com/-B4E36AIyg-s/ULHz02MhOPI/AAAAAAAAApw/HwLaTqtL-_k/s1600/indicator_load.gif" border="0"  alt=""><br>',css:{background:'#fff',border:'5px solid #e0e0e0',padding:'3px'},overlayCSS:{background:'#000',opacity:.5}});$(window).load(function(){_uWnd.close('codeAlert');$.unblockUI();});});</script>

    Его нужно всего лишь вставить в свой шаблон после открывающего тега <body>, или перед закрывающим </body>.
Пользуйтесь на здоровье! Всем спасибо за внимание! 


Если вам понравился материал, расскажите о нем друзьям:


Комментариев нет:

Отправить комментарий