var lazyLoad = { |
|
Init: function () { |
|
return $("img[lazyload]"); |
|
}, |
|
Calculate: function (lazyloadobject) { |
|
var windowHeight = $(window).height(); |
|
var arrReturn = {}; |
|
var _scrollTop; |
|
if (lazyloadobject.length == 0) { |
|
return null; |
|
} |
|
else { |
|
lazyloadobject.each(function (i) { |
|
_scrollTop = parseInt($(this).offset().top - windowHeight); |
|
if (!arrReturn.hasOwnProperty(_scrollTop)) { |
|
arrReturn[_scrollTop] = new Array(); |
|
} |
|
arrReturn[_scrollTop].push($(this)); |
|
}); |
|
this.ArrLoad = arrReturn; |
|
return arrReturn; |
|
} |
|
}, |
|
ArrLoad: null, |
|
IsLoad: function (scrolltop, objectstop) { |
|
if (objectstop != null && objectstop != {}) { |
|
for (i in this.ArrLoad) { |
|
if (parseInt(i) <= scrolltop && this.ArrLoad.hasOwnProperty(i)) { |
|
for (j = 0; j < this.ArrLoad[i].length; j++) { |
|
this.ArrLoad[i][j].attr("src", this.ArrLoad[i][j].attr("lazyload")).removeAttr("lazyload"); |
|
} |
|
delete this.ArrLoad[i]; |
|
} |
|
} |
|
} |
|
}, |
|
Run: function () { |
|
var lazyLoadObject = this.Init(); |
|
this.Calculate(lazyLoadObject); |
|
arrScrollTop = this.ArrLoad; |
|
if (arrScrollTop == null) { |
|
return false; |
|
} |
|
else { |
|
var _this = this; |
|
_this.IsLoad($(window).scrollTop(), arrScrollTop); |
|
$(window).scroll(function () { |
|
_this.IsLoad($(this).scrollTop(), arrScrollTop); |
|
}); |
|
} |
|
} |
|
} |
|
$(function () { |
|
lazyLoad.Run(); |
|
}); |
|
$(window).resize(function () { |
|
lazyLoad.Run(); |
|
}); |
相关推荐
php+ajax实现图片动态分批加载,支持分页
代码中含有详细的注释信息。 在项目中,ListView 用得非常普遍,但...ListView 中的数据通过分批加载来限制显示页数、每次加载多少条数据。该demo具有较强的通用性,获取的是模拟数据,并模拟网络请求获取数据的耗时
Android ListView 实现分批加载
实现数据的分批加载,先加载一步分数据,而后又加载一部分数据。
从数据库中分批查询加载显示。从数据库中分批查询加载显示。从数据库中分批查询加载显示
android Listview分批加载+自动加载改进版(附源码下载) 博客地址:
android Listview分批加载+自动加载 非常不错的demo
Android中ListView控件实现数据的异步分批加载
一个Ztree异步分批加载demo,只有前台代码,后台只需要提供分页查询,然后页码自动增长即可。
可以播放在线视频。 后台用分批加载的方式传输视频,前端用video标签播放视频。
基于容量限制—分批加载和LOGIT模型的多路径交通分配研究,李鹏飞,曹更永,对容量限制—增量加载交通分配模型和LOGIT模型的优点进行综合,提出一种分批加载并使用LOGIT模型进行概率选择的多路径交通分配方案�
1、仅仅通过js实现前端进行模糊查询。 2、对数据按照设定条数进行分割,然后分批加载,避免数据过多时dom加载慢或者卡死的出现。
1 已经成功实现对ListView滚动条的自定义,定义的效果和新浪微博,QQ微博...的效果一样。 2 实现了对ListView分批量加载数据,滑动到ListView底部的时候会自动加载数据。
安卓实现ListView加载网络数据与图片,并且实现分页加载,当用户滑动到最下面讲出现提示,当数据加载完成之后自动显示下面的数据,增加用户的体验,代码完整可运行,并且注释齐全,可下载来研究使用,软盟出品
主要介绍了微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据的相关资料,需要的朋友可以参考下
ListView分页加载Demo,无阻塞,速度快,性能高,用户体验高
我现在在同一个界面上要绘制350个 LinearBar 每隔15秒刷新一次数据,现在的问题 是控件生成和数据刷新其实所用的时间都只是1秒左右,但是界面绘制太慢了,附程序,求界面加载速度优化
threejs加载模型的几种方式,包括stl类型以及obj格式,附带案例。