+ -
当前位置:首页 → 问答吧 → 拖动滚动条加载图片问题

拖动滚动条加载图片问题

时间:2011-09-29

来源:互联网

JScript code

$(function () {
    ImgEve()
    $(window).scroll( function(){
        ImgEve()
    });
})

/*图片延时加载*/
function ImgEve(){
    
    $("#imgload li img").each( function(){
        //获取当前窗口高度
        var f_height = $(window).height()
        //获取当前li的绝对高度
        var slitop = $(this).parent().offset().top;
        //获取当前滚动条的移动距离
        var scrtop = $(window).scrollTop();
        //判断如果用li的绝对高度减去当前滚动条的移动距离小于当前窗口高度,就加载当前图片然后显示
        if( slitop - scrtop < f_height ){
            //$(this).load( function(){
                $(this).fadeTo(400,1,function(){
                    $(this).parent().removeClass("loading")
                })
            //})
        }
    })

}





上面的代码可以正常显示,但把异步加载的代码还原时,当拖动滚动条时下面的图片就显示不出来 请指教谢谢

把这里还原
JScript code

if( slitop - scrtop < f_height ){
            $(this).load( function(){
                $(this).fadeTo(400,1,function(){
                    $(this).parent().removeClass("loading")
                })
            })
        }


作者: jy02409187   发布时间: 2011-09-29

顶一下 有人知道吗

作者: jy02409187   发布时间: 2011-09-30

热门下载

更多