title: Load images from bottom to top?
body: <p>Is it possible to load images from bottom to top?</p>
  
  <p>Assume that I have a long, very long image that needs <strong>60 seconds to load</strong>. And the content is readable from <strong>bottom</strong> to <strong>top</strong>, can I do anything to make the browsers to load my image from <strong>bottom to top</strong> so users can read it while the image is loading?</p>
  
  <p>Thank you,</p>
  
  <p>This is a funny "<em>AAAAAND ITS GONE</em>" meme related to this question.</p>
  
  <p><img src="https://i.stack.imgur.com/rUfKp.png" alt="AAAAAAAND ITS GONE"></p>
  
  <hr>
  
  <p>Thanks to all you guys who have answered my question, here are some solutions I have summary:</p>
  
  <h1><strong>Solution 1</strong>: (<a href="https://i.stack.imgur.com/rUfKp.png" rel="nofollow noreferrer">Derek's answer</a>)</h1>
  
  <p><strong>Flip the image</strong> and then display it with <code>-webkit-transform: scaleY(-1);</code></p>
  
  <p>Demo: <a href="http://jsfiddle.net/Nk6VP/" rel="nofollow noreferrer">http://jsfiddle.net/Nk6VP/</a></p>
  
  <h1><strong>Solution 2</strong> (<a href="https://stackoverflow.com/a/22124796/1420186">aloisdg's answer</a>)</h1>
  
  <p>Use <code>BMP</code> format, this way browser will load the image "upwards" but <code>BMP</code> is not a good file type to save big images, but its still a good try since you doesn't need to flip the image at server-side.</p>
  
  <p>Demo: <a href="http://jsfiddle.net/dfbPz/" rel="nofollow noreferrer">http://jsfiddle.net/dfbPz/</a></p>
  
  <p><strong>(Please disable cache to see the loading in the demo)</strong></p>