javascript - 如何检测该图像元素在视图中？(jQuery 移动)

Question

我试图通过检测图像是否在视图中然后下载来克服移动设备上的图像大小下载限制。还需要反其道而行之，将image src换成更小的image来释放内存。有谁知道如何在 jQuery Mobile 下最好地检测视图中和相反的图像？

附言。我正在尝试使用unlock.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
    }
});