title: How to load images dynamically (or lazily) when users scrolls them into view
body: <p>I've noticed this in numerous "modern" websites (e.g. facebook and google image search) where the images below the fold load only when user scrolls down the page enough to bring them inside the visible viewport region (<strong>upon view source, the page shows <em>X</em> number of <code>&lt;img&gt;</code> tags but they are not fetched from the server straight away</strong>). What is this technique called, how does it work and in how many browsers does it work. And is there a jQuery plugin that can achieve this behavior with minimum coding.</p>
  
  <h1>Edit</h1>
  
  <p>Bonus: can someone explain if there is a "onScrolledIntoView" or similar event for HTML elements. If not, how do these plugins work?</p>