如何检测图像元素在视图中？ （jQuery Mobile）

Question

我正在尝试通过检测图像是否在视图中然后下载来克服移动设备上的图像大小下载限制。还需要做相反的操作并用较小的图像替换图像src以释放内存。有没有人知道如何在jQuery Mobile下最佳地检测视图中的图像？

聚苯乙烯。我正试图与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
    }
});