Lazy Load Sideways
September 12th, 2007
Lazy Load plugin has been quite popular recently. Atleast two Prototype ports have been created. First one by Edd Couchmann. Second one by Bram Van Damme. Congrats guys. Now Prototype people can enjoy lazy loading sweetness too.
I just added most requested feature. Sideways lazy loading of images in wide pages. I guess you could also call it right of fold. Demo page here.
As an added bonus you get four new selectors: belowthefold, abovethefold, rightoffold and leftoffold. You can get some performance improvements using these. Attach plugin only to images below the fold with:
$("img:belowthefold").lazyload();Or do something with all paragraphs far away right on wide page:
$("p:rightoffold").something();There are still some issues I would like to solve. In meanwhile download latest from the project page.
Related entries: Delayed Loading of Images, Preload Images Sequentially With jQuery, Lazy Load With Effects.
September 13th, 2007 at 01:43 PM
Hi Mika, thanks for your quick response, looks like exactly what I needed! Not sure what the “issues” are, but I’ll keep an eye on the main project page for updates.
Looking forward to getting cracking on my new site, though it won’t be for a while, I think… will let you know the URL once your code is in place – link above is to my portfolio as it stands at present (hosted at deviantART.com)...
September 15th, 2007 at 02:06 PM
There are basically two issues. How reduce amount of onscroll events with pages containing big amount if images. Another one is to find some workaround to Safari / Webkit bug 6656.
September 15th, 2007 at 05:17 PM
Onscroll stuff fixed . You might want to download latest.
September 24th, 2007 at 04:09 PM
Hey Mika,
this is one of the best plugins that I use with jquery. Only one problem, it doesn’t seem to work with my iframe that I use for my content. Since I don’t want to reload my nav every page, I use an iframe where the height gets resized and calculated on each new page click so that the iframe dosn’t have a scroll inside (the page acts like it dosn’t have a frame). Might not be possible for you to fix this but I had to ask since this plugins saves us tons of bw and speeds up browsing :)
kind regards
September 24th, 2007 at 05:40 PM
DanK do you have example HTML somewhere online? I can take a look.