как синхронизировать контент сайта при загрузке страницы

Question

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

Как я видел то же самое в http://gmailblog.blogspot.com/ [посмотрите, как изображенияload]

Есть ли способ достичь?Любая ссылка или исходный код будет оценен.

Answer 1

Вы можете синхронизировать загрузку всех элементов на своей странице, управляя ею с помощью JS. Например, одна стратегия загрузки изображений после содержимого будет:

a) В вашем html вместо атрибута src укажите местоположение изображения в другом атрибуте, скажем «isrc».

b) Внутри обратного вызова (предполагается, что вы используете jQuery):

var loadCounter = 0;
$('img').each(function() {
  if($(this).attr('isrc')) {
    this.onload = function() {
      loadCounter++;
      if($('img[isrc]').length == loadCounter) {
        // .. proceed to loading other stuff like flash etc..
      }
    }
    $(this).attr('src', $(this).attr('isrc')); // load the image
  }
});

Answer 2

Я видел веб-сайт. Это то же самое, что происходит с Bing. Как это сделать?

В основном коде HTML укажите <img src="loading.gif" id="1"/> или любой другой элемент, который вы хотите.

Когда основной HTML сделан, перед тегом </body> используйте javascript, чтобы изменить

значения атрибутов (например, атрибут "src" элемента img). Помните, что JavaScript должен быть написан в конце HTML, прежде чем закрывать тег body. Браузер загрузит

содержание соответственно в последовательности. Это можно использовать для достижения приоритетной загрузки компонентов HTML.