отложенная загрузка изображений на мою веб-страницу

Question

после некоторых исследований и после того, как я задал некоторые вопросы, я понял следующее: плагин jQuery Lazy Load (http://www.appelsiini.net/projects/lazyload) не работает в Safari и даже не в Firefox.

Я только что проверил их демо.

Пожалуйста, вам нужно использовать Firebug и посмотреть, как все изображения загружаются сразу, а затем снова загружаются при прокрутке (так что у вас фактически есть двойная загрузка).

Не могли бы вы дать мне решение, как реализовать ленивый макет изображений mashable.com?

спасибо

Answer 1

Сделайте это:

 <img alt='some_text'  _src="img_url" class='lazyLoad'>
  // please note i have added underscore character before 'src'

jQuery(function(){
     jQuery('.lazyLoad').each(function(){
           var _elm= jQuery(this);
           _elm.attr('src',_elm.attr('_src'));

           //on DOM ready loop through each 
          //image with class=lazyLoad and add src attribute to it.
       })
});

Answer 2

Это часть автоматического удаления изображения src, которая больше не работает. Это связано с изменениями в том, как современные браузеры загружают изображения. Версия 1.5, выпущенная 23 декабря 2009 г., предоставила альтернативу, где вы должны изменить HTML и сохранить URL-адрес изображения в атрибуте original. Недавно я переименовал его в data-original, чтобы быть удобным для HTML5. Я также обновил до документацию , которая лучше объясняет, как ее использовать.

Answer 3

Похоже, у меня не работает на FF 3.6 на Mac, я создал свой собственный плагин, который прекрасно работает под названием JAIL (Jquery Asynchronous Image Loader)

Попробуйте проверить Домашняя страница проекта и дайте мне знать ваши мысли.Надеюсь, это поможет