title: Mootools and Lazyload
body: <p>I've developed a JS-heavy site using the Mootools library and have hit a bump in the road. There is a scrolling div on the page that contains 500+ images and I'm trying to implement a lazyload feature so the page doesn't load all 500+ images at once.</p>
  
  <p>I found <a href="http://davidwalsh.name/mootools-lazyload" rel="nofollow">David Walsh's lazyload class</a> but it doesn't work in webkit browsers (he says this is because of <a href="https://bugs.webkit.org/show_bug.cgi?id=6656" rel="nofollow">WebKit bug #6656</a>).</p>
  
  <p>I also found <a href="http://www.versiontexto.com/ejemplos/mootools-lazy-load/" rel="nofollow">this class</a> and it <em>appears</em> to work but doesn't really. It still loads all images on the page but hides the images outside of the viewport and fades them in when scrolled into view.</p>
  
  <p>There seem to be a number of jQuery lazyload classes that work really well (in <em>all</em> browsers), but I'm already weeks into the development of this site and can't really justify switching for this or using two libraries.</p>
  
  <p>Anyone know if there is a Mootools lazyload class out there that works in webkit browsers? If not, have any recommendations? Do I have to resort to using jQuery alongside Mootools?</p>
  
  <p>This issue is holding development up a bit.</p>