Question

我试图克服移动设备上图像尺寸下载限制, 方法是检测图像是否在观察中, 然后下载它。还需要做相反的事情, 用较小的图像替换图像弧以释放记忆。有人知道如何在 JQuery Moved 下最佳地检测图像在视觉中和对面的图像吗?

Ps. 我试图与unveil.js 合作,但迄今没有结果。

Answer 1

我猜你指的是活动页面内的图像。如果是这样的话, 这将检索其中的所有图像 :

$.mobile.activePage.find( img );

编辑:

$.mobile.activePage.find( img ).each(function(index, el){
    var pos = $(el).position().top;
    var current = $(window).scrollTop();
    var height = $(window).height();
    if((pos > current) && (pos < current + height)) {
         // the image is in the viewport
    } else {
         // the image is not in the viewport
    }
});

友情链接