Take the 2-minute tour ×
WordPress Development Stack Exchange is a question and answer site for WordPress developers and administrators. It's 100% free, no registration required.

I'm working on a project for a friend that involves a massive page with 3,000+ photos. See: http://www.thepurplepixie.com/projects/purple-pixies-people-project/

Currently, I have pagination set to 50 thumbnails per page in order to try and get the Infinite Scroll (Wordpress Plugin) (Infinite Scroll Homepage) to work, and to illustrate how I have the galleries set up in NextGen. Before, I had pagination off so it was one massive wall of photos, which, while accomplishing more or less what I was wanting, ultimately was brutal to load -- both in terms of memory and bandwidth.

I can't seem to get the plugin version of Infinite Scroll to work, I'm guessing because it's more structured towards post content than big bunches of images. Also, I have multiple instances of the pagination system per page, due to multiple galleries per page.

Does anyone have any idea how I would go about lazy loading these images?

Thank you!

share|improve this question
    
Well either the plugin works or not. Would be good at least if you share wether it does or not ;) –  hakre Mar 7 '11 at 11:19
    
Apologies, I've clarified my question. I'm pretty sure it's not going to work, if only in that I have multiple pagination nav elements per page, and that plugin seems more designed for post than gallery content. –  aendrew Mar 7 '11 at 17:40
add comment

2 Answers 2

Try the Lazy Load plugin — its code is said to be used on WordPress.com VIP sites, and the plugin is pretty current (last updated July 4th).

Caution! Lazy loading images is tricky on slow connections, where there's a chance that images fail to load at all. Even a small bug or incompatibility in the JavaScript code can break your site.

share|improve this answer
    
That is awesome -- will try that out first chance I get! –  aendrew Jul 9 '12 at 14:51
add comment

The jQuery lazy load plugin for WordPress worked well for me in the past. Note that in September 2010 the Lazy Load author wrote this:

Lazy Load is currently not usable. It does not work with the latest browsers as expected. I have currently no time updating the code myself. Patches are always welcome. If you find a solution just fork and send a pull request. Thanks!

share|improve this answer
    
The caveat you listed is the reason I'm asking this question -- I need something that works cross-browser. It'd be unacceptable for a user client to load the entire page at once (unless they don't have JS enabled; at which point, I can only do so much) given its size. –  aendrew Mar 7 '11 at 18:07
1  
@aendrew Lazy load definitely doesn't work in New Browsers, especially webkit based ones. If you know what you are doing, you can alter output to follow the html structure suggested by sebastianoarmelibattana.com/projects/jail/example5 –  Wok Apr 6 '11 at 20:51
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.