« Скрипт загрузки страницы сайта "Preloader" для uCoz »

Описание материала:

В этом материале мы будет ставить на сайт отличный скрипт загрузки страницы "Preloader". Как работает скрипт - При входе на страницу ваш сайт будет находится под темным фоном, а в центре этого всего будет крутится разноцветное изображение, на не большом белом фоне, показывая загрузку страницы. Соблюдая нашу установку, скрипт будет работать отлично и без проблем.

Установка:
1. Скачиваем архив с нашего сайта, далее загружаем папку img в корень своего сайта
2. Заходим в ПУ - Управление дизайном - Нижняя часть сайта и в самый низ ставим данный код:

Код
<div class="preloader">  
<div class="loading">  
<div class="loading_in">  
<img src="/img/preloader.gif" alt="" />  
</div>  
</div>  
</div>  
<script type="text/javascript">  
jQuery(function($) {  
$(window).load(function () {  
$(".preloader").fadeOut(700);  
});  
});  
</script>  

<style type="text/css">  
.preloader {background:rgba(0,0,0,0.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:5000;display:table;width:100%;height:100%;}  
.loading {display:table-cell;width:100%;height:100%;vertical-align:middle;text-align: center;}  
.loading_in {display:inline-block;padding:40px;background:#FFF;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px}  
</style>

Готово!


Скачать ( Размер архива 130.8 Kb )

По данной ссылке, Вы можете скачать или купить архив данного материала

Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 1190 | Загрузок: 58


Поделиться в соц. сетях:
Комментариев к материалу: 2
после установки - зависло и не срабатывает предзагрузка
пример здесь: https://youtu.be/WfpbhTN03PE
1
Виктор Ягодин 20.01.2016 в 09:17
Спасибо за информацию. Скрипт исправлен!
0
avatar