Lazy load images when they come into the viewport

前端 未结 3 1408
伪装坚强ぢ
伪装坚强ぢ 2020-12-20 17:32

I\'ve been coming across blogs/websites lately that only load images when they are scrolled into the visible viewport. It then fades them in. Is there a jQuery ... even Wo

3条回答
  •  北海茫月
    2020-12-20 18:00

    You can try this jQuery plugin I wrote that uses html comments to lazy load any arbitrary bits of html, including images:

    jQuery Lazy Loader Blog Post

    jQuery Lazy Loader Plugin Page

    Here's an example:

    
     –>
    Any, html css img background, whatever.  
    –>

    So basically you wrap the content you want to lazy load with a placeholder tag and and inner html comment. When the placeholder becomes visible in the viewport, it is replaced with the html string inside the comment.

    You can use any tag for the placeholder but I like pre because it renders as 0 dimension when there's only a comment inside.

    Hope this helps! @MW_Collins

提交回复
热议问题