javascript - 画像要素が表示されていることを検出する方法は? (jQuery モバイル)

Question

画像が表示されているかどうかを検出してからダウンロードすることにより、モバイルデバイスでの画像サイズのダウンロード制限を克服しようとしています。また、反対のことを行い、イメージ src を小さいイメージに置き換えてメモリを解放する必要があります。jQuery Mobileの下で、ビューと反対側の画像を最もよく検出する方法を知っている人はいますか?

Ps。私は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
    }
});