Альбом из ВК в masonry на сайт

$.ajax({
  url: 'https://api.vk.com/method/photos.get?',
  data: {
    owner_id: '1', // ID пользователя
    album_id: '136592355' // ID альбома
  },
  dataType: "jsonp",
  success: function(data) {
    data.response.forEach(function(item) {
      var img = item.src_xxxbig;
      (!(img)) ? img = item.src_big : img; // проверяем, есть ли самое большое разрешение у фотографии
      $('.grid').append('<div class="grid-item"><img src="' + img + '" alt="" /></div>');
    });
  }
});

$.ajax({
        url: 'https://api.vk.com/method/photos.getAlbums?',
        data: {
      owner_id: '-72629433', // ID пользователя
      need_covers: '1', // Возвращать обложку
  },
  dataType: "jsonp",
  success: function(data) {
    data.response.forEach(function(item) {
        var img = item.thumb_src;
        (!(img)) ? img = item.thumb_src : img; // берём обложку
         var title = item.title; // берём описание
      (!(title)) ? title = item.title : title;
        $('<div class="grid-item"><img src="' + img + '" alt="" /> <p>'+ title +'</p></div>').appendTo($('.grid')); // выводим обложку и название
    });
  }
  });

$.ajax({
        url: 'https://api.vk.com/method/photos.get?',
        data: {
      owner_id: '-72629433', // ID пользователя
      album_id: '237018219' // ID альбома
  },
  dataType: "jsonp",
  success: function(data) {
    data.response.forEach(function(item) {
        var img = item.src_big;
        (!(img)) ? img = item.src_big : img; // проверяем, есть ли самое большое разрешение у фотографии
        $('<div class="grid-item"><img src="' + img + '" alt="" /></div>').appendTo($('.grid'));
    });
  }
  });
    // когда страница полностью прогрузилась, вызываем наш плагин для упорядочивания фотографий
    window.onload = function () {
        $('.grid').masonry({
            itemSelector: '.grid-item',
            columnWidth: 200
        });

$.ajax({
  url: 'https://api.vk.com/method/photos.getAlbums?',
  data: {
    owner_id: '-72629433', // ID пользователя
    need_covers: '1'
  },
  dataType: "jsonp",
  success: function(data) {
    data.response.forEach(function(item) {
      var thumb = item.thumb_src; // забираем обложку альбома
      var title = item.title; // забираем описание альбома
      $('<div class="grid-item"><a href="#" onclick="album(this)"><img src="' + thumb + '">' + item.aid + '</a><p>' + title + '</p></div>').appendTo('.grid');
    });
  }
});
 
function album(el) {
  // тут возможно будет $ajax для photos.get
  alert('ID альбома: ' + el.text) // выводим аргумент, который лежит в атрибуте <a>
}
/* когда страница полностью прогрузилась, => вызываем masonry(); */
window.onload = function() {
  var $grid = $('.grid').masonry({
    percentPosition: true,
    columnWidth: 200,
    itemSelector: '.grid-item'
  });
  $grid.on('click', function() {});
}

$('.grid').empty();

$(document).ready(function($) {
  // получаем через JSON названия альбомов
  $.ajax({
    url: 'https://api.vk.com/method/photos.getAlbums?',
    data: {
      owner_id: '-72629433', // ID пользователя
      need_covers: '1'
    },
    dataType: "jsonp",
    success: function(data) {
      data.response.forEach(function(item) {
        var aid = item.aid; // забираем ID альбома
        var thumb = item.thumb_src; // забираем обложку альбома
        var title = item.title; // забираем описание альбома
        $('<a href="#" class="nav-alb" onclick="albums(this)"><img src="' + thumb + '">' + item.aid + '</a>').appendTo('.nav');
      });
    }
  });
});
// если все хорошо, при клике обрабатываем запрос: 1. Вызываем плагин 2. Подставляем нужный нам ID альбома
  function albums(el) {
    // перед каждым запуском функции, очищаем div => .grid
   $('.grid').empty();
  // инициализация плагина
  var $container = $('.grid').masonry({
    columnWidth: 200,
    itemSelector: '.grid-item',
    gutter: 5
      // isFitWidth: true
  });
 
  $.ajax({
    url: 'https://api.vk.com/method/photos.get?',
    data: {
      owner_id: '-72629433', // ID пользователя
      album_id: el.text, // ID альбома
      count: 10 // пробуем выводить 10 изображений
      
    },
    dataType: "jsonp",
    success: function qwe(data) {
      data.response.forEach(function(item) {
        var img = item.src_xxxbig;
        (!(img)) ? img = item.src_big: img; // проверяем, есть ли самое большое разрешение у фотографии
        var moreBlocks = '<div class="grid-item"><img src="' + img + '" alt="" /></div>';
        var $moreBlocks = $(moreBlocks);
        // добавляем блоки из цикла
        $container.append($moreBlocks);
 
        $container.masonry('appended', $moreBlocks);
      });
    }
  });
  
  }

/* *** */
data.response.forEach(function(item) {
      for (i = 0; i < 9; i++) { // длина массива sizes = 9 (всего размеров)
        var typeImg = item.sizes[i].type; // перебираем все type
 
        if (typeImg == 'r') {
          break; // если находим нужный type = r, говорим остановить перебор
        }
      }
 
      var aid = item.aid;
      var thumb = item.sizes[i].src // а тут выводим в переменную после break!
      var title = item.title;
      $('<a href="#" class="nav-alb" onclick="albums(this)"><img src="' + thumb + '"/>' + item.aid + '</a>').appendTo('.nav');
});
/* *** */

/* *** */
data.response.forEach(function(item) {
  var aid = item.aid;
  var thumb = item.sizes[4].src // и никаких проблем!
  var title = item.title;
  $('<a href="#" class="nav-alb" onclick="albums(this)"><img src="' + thumb + '"/>' + item.aid + '</a>').appendTo('.nav');
});
/* *** */

$('.grid').empty();

$container.masonry('remove', $('.grid-item')).masonry(); // очищаем сетку методом плагина masonry()