Добро пожаловать Загрузка ... Страница с Jquery

Question

Как я могу реализовать экран приветствия за 5 секунд, предоставляя такую ​​информацию, как загрузка приложения ... + некоторая информация о приложении ... пока главная страница загружается в фоновом режиме.

Answer 1

только для тех, кто найдет это в будущем, я нашел более элегантное решение, которое работает.

http://www.jnorton.co.uk/blog/jquery-check-if-all-content-has-been-loaded

вот как я это использовал:

$(document).ready(function(){
    $(window).load(function() {$("#welcome").fadeOut('fast'); })
});

Answer 2

Если вы на самом деле не используете это время в фоновом режиме для выполнения какой-либо предварительной загрузки, я настоятельно рекомендую избегать этого с точки зрения конечного пользователя. Мне лично было бы неприятно, что при посещении веб-сайта мне нужно было пройти через какое-то введение, прежде чем я действительно доберусь до контента, который хочу.

Вот почему я склонен ненавидеть веб-сайты, разработанные во Flash, или те, которые просто содержат флэш-страницы Flash.

Редактировать : Я не обязательно думаю, что загрузка главной страницы должна соответствовать значительным масштабам «предварительной загрузки», если только она не требует значительных ресурсов. Опять же, это только мое мнение.

Редактировать # 2 : Можно также утверждать, что посетители вашего сайта будут принимать решение о том, остаться или уйти, основываясь всего на пяти секундах. Помните, что те, кто пользуется Интернетом, обычно привлекают внимание к фруктовым мухам, и размещение их в режиме ожидания до того, как они действительно доберутся до контента, является хорошим способом потери этих пользователей.

Answer 3

Я думаю, что в некоторых случаях допустимо иметь страницу "загрузка ..." - например, после входа пользователя в бизнес-приложение (например, TurboTax онлайн ... он говорит что-то вроде "установления безопасного соединения ', что, вероятно, не совсем верно, но загружает интерфейсные вещи). Отображение страницы каждый раз, когда анонимный пользователь заходит на ваш сайт, вероятно, не лучшая идея.

Взгляните на jQuery BlockUI . Он гибкий и может делать то, о чем вы говорите.

Answer 4

Вы увидите ваше приветственное сообщение при загрузке страницы (теоретически как абсолютно позиционированное наложение). Затем вы можете использовать jQuery для запуска таймера:

$(document).ready(function(){
    setTimeout(function(){
        $('div#overlay').fadeOut();
    }, 5000);
});

Answer 5

Хотя я согласен с @TheTXI, лучший способ сделать это - сделать экран «загрузка ...» видимым по умолчанию с помощью CSS, а затем скрыть его после загрузки всего с помощью jQuery (вместо ожидания фиксированного количество времени).

См. jQuery.load () ... ex:

  $(document).ready(function(){
    $("body img:last").load($("#welcome-screen").fadeOut());
  });