title: jQuery Infinite Scrolling/Lazy Loading
body: <p>I'm currently redesigning my website and have been looking into using JavaScript and jQuery. Here is what I have so far: <a href="http://www.tedwinder.co.uk/gallery2/" rel="noreferrer">http://www.tedwinder.co.uk/gallery2/</a>.</p>
  
  <p>My vision is to have all of the photos on one page, which the user can scroll through, like now. However, I understand the limitations and effects of having 50+ large-ish images on one page and have considered using infinite scrolling and lazy loading, which I understand would only load the images when the user gets to them, or when they click on a "More" link?</p>
  
  <p>So, my question is: would this reduce the page load, how exactly would I go about implementing infinite scrolling/lazy loading and would this work effectively, or could you think of any more effective way of doing this?</p>
  
  <p>Thanks,
  Ted</p>