Перенаправление на страницу с загрузкой анимации - PullRequest
Новая
       3

Перенаправление на страницу с загрузкой анимации

0 голосов
/ 17 августа 2010

Я уже знаю это решение. (перенести страницу медленной загрузки на промежуточную страницу загрузки, которая показывает анимацию, а затем перенаправляет на фактическую страницу)

Но я бы очень хотел решить эту проблему без перенаправления страницы. Любая подсказка, как? Перенаправление будет вызвано из-за кода ...

Ответы [ 3 ]

2 голосов
/ 18 августа 2010

Вы можете попробовать что-то вроде этого: 

<head>
...
<script type="text/javascript">
    if (document.documentElement) {
        document.documentElement.className = 'loading';
    }
</script>
...
</head>

Добавьте это в свой тег <head>, затем добавьте немного CSS, чтобы скрыть все на странице, кроме анимации загрузки.Например: 

.loading > body > * {
    display:none;
}
.loading body {
    background:#fff url(../images/loading.gif) no-repeat 50% 50%;
}

Затем добавьте немного JavaScript, чтобы очистить имя класса тега html после завершения загрузки страницы: 

// Using jQuery
$(document).ready(function() {
    ...
    $(document.documentElement).removeClass('loading');
    ...
});

Надеюсь, это поможет.

1 голос
/ 17 августа 2010
0 голосов
/ 16 февраля 2014

Вы можете увидеть пример этого, перейдя по этой ссылке http://onlineshoping.somee.com/ Это очень простой способ отображать анимацию загрузки, когда страница загружается каждый раз. 

protected void Page_Load(object sender, EventArgs e)
{
        if (this.IsPostBack)
        {

        }
        else
        {
            Response.Write("<div id=\"loading\" style=\" text-align:center; top:100px;\"><p> Please Wait...</p><br/><img src=\"../Your Animation .gif file path\" \"width:400px\"></div>");
            Response.Flush();
            System.Threading.Thread.Sleep(5000);//You may increase Or decrees Thread Sleep time 
            Response.Write("<script>document.getElementById('loading').style.display='none';</script>");
        }
}

Вы можете скачать пользовательский анимационный файл ajax .gif с этого веб-сайта. http://ajaxload.info/
Я надеюсь, что это решит вашу проблему.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...