title: How do I animate though a PNG sequence using jQuery (either by scrolling or triggered animation)
body: <p>More and more I am seeing an effect where pngs are loaded into a series of DIVs (or one div) and then sequenced though frame by frame either based on button click or based on scroll. I've tried to peek at the code, and I understand that javascript is doing the heavy lifting, but I'm still a bit lost, are there any tutorials on this technique? examples?</p>
  
  <p>example of animation (multiple div)
  <a href="http://atanaiplus.cz/index_en.html" rel="noreferrer">http://atanaiplus.cz/index_en.html</a>:</p>
  
  <p>example of animation (one div):
  <a href="http://www.hyundai-veloster.eu/" rel="noreferrer">http://www.hyundai-veloster.eu/</a></p>
  
  <p>example of scrolling animation:
  <a href="http://discover.store.sony.com/tablet/#design/ergonomics" rel="noreferrer">http://discover.store.sony.com/tablet/#design/ergonomics</a></p>