$post()如何实现图片后加载

ziluopao 发布于 2017/01/25 16:44
阅读 282
收藏 1

当然$post()函数已经说的很清楚,但由于基础和理解能力问题,俺还是不能完全理解。

为了使问题便于讨论,先假定一个需求:

即一万张在li中的图片,随用户拉动滚动条而不断的加到可视区中,当然了,后面没有显示出来的图片是不能提前加载到DOM中的,要求加载到最后一张图片时,弹出提示框,即图片已加载完毕

为了以上的需求,我们假定使用$post()函数来解决问题。

$.post("test.php", { name: "John", time: "2pm" },
   function(data){
     alert("Data Loaded: " + data);
   });

上面是官方给的一个例子,以此为原样,照猫画虎的做一下。

那么问题来了,我应该怎么做?

 

加载中
0
铺小铺yobdc
铺小铺yobdc

https://github.com/jieyou/lazyload

ziluopao
ziluopao
看了一下不是一般的麻烦
0
DiamondFsd
DiamondFsd

这个需要监听滚动条事件,每当滚动的时候,获取图片dom 的偏移位置,计算后可以得出是否显示,如果显示就将图片的src设置为图片地址

0
七年成就大业
七年成就大业
要事件,加data判断数据是否为空
返回顶部
顶部