Загружать изображения ниже страницы сгиба при прокрутке?

Question

Мне нужно загружать изображения ниже страницы сгиба при прокрутке. Когда страница загружена, должны быть загружены только изображения над страницей сгиба. Затем при прокрутке вниз сгиба должно быть загружено полученное изображение.

Я посмотрел на плагин jquery Lazyload, но не работает с новой версией браузера, потому что больше не обновляется ...

Answer 1

Взгляните на jquery lazyload github репозиторий и пример enabled_gazillion , вы увидите ссылку на "реальный URL изображения, хранящийся в original свойстве."

Это означает, что если вы используете этот недействительный html, он будет работать так, как задумано в новых браузерах.

<img src="transparent.gif" original="realimage.gif" />

Я бы предпочел, чтобы оригинал был настраиваемым или атрибут данных в стиле html5(так что, возможно, мне следует создать проблему или запрос на извлечение).

Answer 2

посетите этот сайт http://developer.yahoo.com/yui/imageloader/

Утилита ImageLoader позволяет вам, как разработчику, откладывать загрузку изображений на вашу веб-страницу до тех пор, пока ваш пользователь не увидит их. Это может улучшить общую производительность загрузки страницы, откладывая загрузку некоторых изображений, которые не видны сразу же при первом отображении страницы. Поскольку изображения часто являются самыми тяжелыми компонентами данной страницы, отсрочка загрузки некоторых изображений может привести к заметному улучшению восприятия страницы пользователем.