Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Шаблоны (TPL) » Прелоадер для сайта

Прелоадер для сайта


     11.10.2012    прелоадер    Все вопросы » Шаблоны (TPL)    11473

вопрос
Добрый день, подскажите как реализовать простой прелоадер с затемнением фона и гифкой в центре при переходе между страницами...гугл что то выдаёт только прелоадеры изображений...заранее спасибо!

Ответил: ПафНутиЙ


В конец main.tpl, перед закрывающим тегом body добавьте
        <div class="someclass">
            <div class="loading">
                Идёт загрузка, ждите...
            </div>
        </div>
        <script>
            jQuery(function($) {
                $(window).load(function () {
                    $(".someclass").fadeOut(500);
                });
            });
        </script>

в css добавьте:
.someclass {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 5000;
    }
    .someclass .loading {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -40px 0 0 -150px;
        width: 260px;
        height: 20px;
        padding: 20px;
        background: rgba(0, 0, 0, 0.6);
        color: #fff;
        font: normal 16px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
        text-shadow: 0 1px 2px #000;
        text-align: center;
        z-index: 5001;
        border: solid 2px #000;
        border-radius: 10px;
        box-shadow: 0 0 10px 2px rgba(255, 255, 255, 0.2);
        }

3 комментария

Апельсин
Юзер

Апельсин - 17 декабря 2012 04:19 -

Установил хак.Всё работает за исключением одного-сайт затемняется только в конце загрузки.То есть,если скорость интернета хорошая и хостинг с хорошим каналом,то надпись не успевает появиться,просто на секунду появляется и всё)Впринципе это нормально,не придётся раздражать пользователя с хорошей скоростью интернета.Но можно как то сделать так,что бы данное предупреждение,информационная надпись появлялась при нажатии на ссылку перехода между страницами и на внутренние ссылки сайта?

websot
Юзер

websot - 18 марта 2013 03:17 -

У меня на 9.7 не работает вообще((

websot
Юзер

websot - 18 марта 2013 03:23 -

Извиняюсь, все работает, просто над было подождать 5 минут)) либо кеш почистить))

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх