Ленивая загрузка изображений, когда они попадают в окно просмотра - PullRequest
7 голосов
/ 07 мая 2010

В последнее время я сталкиваюсь с блогами / сайтами, которые загружают изображения только тогда, когда они прокручиваются в видимое окно просмотра. Затем он исчезает. Есть ли jQuery ... даже плагин Wordpress, который делает это?

например. http://icodeblog.com

Ответы [ 3 ]

7 голосов
/ 07 мая 2010

Одно из преимуществ JavaScript - вы можете просматривать исходные тексты и смотреть на происходящее. После просмотра источника я нашел это:

http://www.appelsiini.net/projects/lazyload

2 голосов
/ 07 мая 2010
1 голос
/ 20 апреля 2011

Вы можете попробовать этот плагин jQuery, который я написал, который использует комментарии html для отложенной загрузки любых произвольных битов html, включая изображения:

JQuery Lazy Loader Blog Post

Страница плагина jQuery Lazy Loader

Вот пример:

<code><pre class=”i-am-lazy” ><!–
    <img src=”some.png” />
 –>
 <! -
    <div> Любой, фон html css img, что угодно. 
image -> $ (документ) .ready (функция () { $ (»Pre.i-ам-ленивый») LazyLoad (). });

Таким образом, в основном вы оборачиваете содержимое, которое хотите лениво загружать, тегом-заполнителем и внутренним html-комментарием. Когда заполнитель становится видимым в области просмотра, он заменяется строкой html внутри комментария.

Вы можете использовать любой тег для заполнителя, но мне нравится pre, потому что он отображается как 0 измерение, когда внутри только комментарий.

Надеюсь, это поможет! @ MW_Collins

...