jQuery揭幕-使用jQuery查找屏幕的左侧和右侧

我正在考虑使用一点轻量级代码，我发现它可以通过在项目可见时将数据src切换到src来进行懒散加载。基本上是减少全脂懒散负荷。此处的代码：

（函数（$）{
$.fn.defect=功能（阈值）{
变量$w=$（窗口），
th=阈值| | 0，
图像=这个，
加载，
因维，
来源；
这个。一（“揭幕”，函数（）{
source=this.getAttribute（“数据src”）；
this.setAttribute（“src”，source）；
删除属性（“数据src”）；
} );
函数揭幕（）{
inview=images.filter（函数（）{
var$e=$（此），
wt=$w.scrollTop（），
wb=wt+$w.高度（），
et=$e.offset（）.top，
eb=et+e.高度（）；
返回eb>=wt-th&&et，如果有人对此感兴趣，请查看-这是现成的。您只需添加$（“.scrollable”）.bind（“onSeek”，function（）{$（'img.lazy'）.jail（）；}）；使其在您滚动后检查显示。Undeprese仅用于窗口滚动，而不是div滚动。这就是为什么它只能垂直工作。如果您希望有人为您编写代码，使其在div中工作，他们可能需要激励或预先设置的jFiddle，以便按照您需要的方式进行播放。
(function( $ ) {

$.fn.unveil = function( threshold ) {
    var $w = $( window ), 
        th = threshold || 0,
        images = this, 
        loaded, 
        inview,
        source;

    this.one( "unveil", function(){
        source = this.getAttribute( "data-src" );
        this.setAttribute( "src", source );
        this.removeAttribute( "data-src" );
    } );

    function unveil() {
        inview = images.filter(function(){
            var $e = $( this ),
                wt = $w.scrollTop(),
                wb = wt + $w.height(),
                et = $e.offset().top,
                eb = et + $e.height();

            return eb >= wt - th && et <= wb + th;
        });

        loaded = inview.trigger( "unveil" );
        images = images.not( loaded );
    }

    $w.scroll( unveil );
    $w.resize( unveil );

    unveil();

    return this;
};

})( jQuery );