Голова взрывается .. по неопытности..
Идея:
Есть группа Вконтакте.
Надо сделать сайт, и в качестве портфолио сделать страницу со списком альбомов(photos.getalbums).
А при клике на альбом выводить страничку с галереей (photos.get + masonry).
Проблема:
Не понимаю как это реализовать..
Я думал создать под каждый альбом отдельную страницу.. и уже на ней вызывать photos.get
Но потом понял что это лажа. Альбомы ведь будут добавляться.
Вот таким образом я предполагал получать и выводить:
Альбомы:
$.ajax({
url: 'https://api.vk.com/method/photos.getAlbums?',
data: {
owner_id: '-72629433', // ID пользователя
need_covers: '1', // Возвращать обложку
sizes: '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')); // выводим обложку и название
});
}
});
Фото: Использую masonry для красивости
$.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
});
}
Я так понимаю что нужно на клике как-то передавать в запрос photos.get идентификатор кликнутого альбома.. И генерировать страницу с этим... Но я новичок и не понимаю как это делать
Простой
