tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

image-loading-lazy-below-viewport.html (493B)


      1 <!DOCTYPE html>
      2 <div style="height:1000vh;"></div>
      3 
      4 <img id="img" loading="lazy" src="image.png?lazy-below-viewport">
      5 
      6 <script>
      7  const img = document.querySelector('#img');
      8 
      9  img.addEventListener("load", () => {
     10    parent.postMessage("image_loaded", "*");
     11  });
     12 
     13  window.addEventListener("load", () => {
     14    parent.postMessage("window_loaded", "*");
     15  });
     16 
     17  window.addEventListener("message", event => {
     18    if (event.data == "scroll") {
     19      img.scrollIntoView();
     20    }
     21  });
     22 </script>