Lazy loading images

view-ui.js

$(document).ready(function() {
      $('.load-more').click(function() {
        $('img.x-lazy').each(function() {
            var $img = $(this);
            $img.attr('src', $img.attr('data-original'));
        });
      });
  });

view.js

$imgList.find('img').each(function(i, img) {
    // Note: image resizing is disabled by client request due to caching issues
    // load the first 4, but lazy load the rest
    img.setAttribute('data-original', img.getAttribute('x-src')); // save the image URL to data-original for lazy loading
    img.className += ' x-lazy';
});