Оценки читателей
0 Лайк 0 Лавки 0 Ахахах! 0 Ого! 0 Восторг 0 Печаль 0 Грусняшь
Приветствуем Вас на сайте!
Авторизировавшись на сайте Вы получаете возможность заказывать эксклюзивные вещи для Вашего сайта, скачивать новинки, общаться с друзьями.
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Если у Вас ещё нет аккаунта на BEST STUDIO, вы можете создать его потратив не более 10-ти секунд используя форму справа с заголовком "Вход на сайт"
Вход на сайт
Логин:
Пароль:
Вход
Войти по Логину и Паролю
О нас
Cтудия скриптов и дизайна BEST STUDIO, как студия перспективных веб-разработок, была основана 1 июля 2009 г. Уже более 17000 зарегистрированых пользователей! С момента ее создания мы четко придерживаемся принципа: «Быстро, качествено, дорого».
Заказывая работу для вашего сайта у нас, вы экономите время...
Заказывая работу для вашего сайта у нас, вы экономите время...
Стремитесь к лучшему - в Best Studio!
Войти | Зарегистрироваться
Настройки
Перезагрузите страницу
- Главная
- Авторские работы
- Другие модули
- API VK - Вывод фотографий [upd: 19.05.2018]
DEMO
+
Всем привет, хотите создать галерею не используя стандарт uCoz или как доп. фотографии на вашем сайте тогда скрипт VK API поможет вам, суть проста загружайте свои фото в Альбом VK после выводите, установка и настройка довольно простая Строки Js настройки подписаны.
Установка:
1. Добавим HTML вывода фото:
2. Js - Для вывода фотографий из альбома Группы:
3. Js - Для вывода фотографий из альбома Пользователя:
P.s По умолчанию включен ulightbox (Встроено в uCoz) если он вам не нужен то из js убираем атрибуты: class="ulightbox", data-fancybox-group="ultbx", href="'+img+'".
Установка:
1. Добавим HTML вывода фото:
Код
<div class="bs-album"></div>
2. Js - Для вывода фотографий из альбома Группы:
Код
<script>
accessToken = '599813d5599813d5599813d50d59fae2e255998599813d502987ce2b65557614fc30a37';
albumLimit ="100" // Количество фото если не нужен лимит убрать из URL запрос
albumID = '34366493_228613709' // ID альбома группы
albumID = albumID.split('_');
$.ajax({
url: "https://api.vk.com/method/photos.get?owner_id=-"+albumID[0]+"&album_id="+albumID[1]+"&count="+albumLimit+"&v=3&access_token="+accessToken+"&callback",
dataType: "jsonp",
cache: false,
success: function(data) {
data.response.forEach(function(item) {
var img = item.src_xxxbig;
(!(img)) ? img = item.src_big : img;
$('.bs-album').append('<div class="grid-item"><img class="ulightbox" data-fancybox-group="ultbx" src="'+img+'" href="'+img+'" alt="" /></div>');
});
}
});
</script>
accessToken = '599813d5599813d5599813d50d59fae2e255998599813d502987ce2b65557614fc30a37';
albumLimit ="100" // Количество фото если не нужен лимит убрать из URL запрос
albumID = '34366493_228613709' // ID альбома группы
albumID = albumID.split('_');
$.ajax({
url: "https://api.vk.com/method/photos.get?owner_id=-"+albumID[0]+"&album_id="+albumID[1]+"&count="+albumLimit+"&v=3&access_token="+accessToken+"&callback",
dataType: "jsonp",
cache: false,
success: function(data) {
data.response.forEach(function(item) {
var img = item.src_xxxbig;
(!(img)) ? img = item.src_big : img;
$('.bs-album').append('<div class="grid-item"><img class="ulightbox" data-fancybox-group="ultbx" src="'+img+'" href="'+img+'" alt="" /></div>');
});
}
});
</script>
3. Js - Для вывода фотографий из альбома Пользователя:
Код
<script>accessToken = '599813d5599813d5599813d50d59fae2e255998599813d502987ce2b65557614fc30a37';
$.ajax({
url: 'https://api.vk.com/method/photos.get?',
data: {
owner_id: '95575167', // ID пользователя
album_id: '134625589', // ID альбома
v: '3',
access_token: accessToken
},
dataType: "jsonp",
cache: false,
success: function(data) {
data.response.forEach(function(item) {
var img = item.src_big;
(!(img)) ? img = item.src_big : img;
$('<div class="bs-item"><img class="ulightbox" data-fancybox-group="ultbx" src="'+img+'" href="'+img+'" alt="" /></div>').appendTo($('.bs-album'));
});
}
});</script>
$.ajax({
url: 'https://api.vk.com/method/photos.get?',
data: {
owner_id: '95575167', // ID пользователя
album_id: '134625589', // ID альбома
v: '3',
access_token: accessToken
},
dataType: "jsonp",
cache: false,
success: function(data) {
data.response.forEach(function(item) {
var img = item.src_big;
(!(img)) ? img = item.src_big : img;
$('<div class="bs-item"><img class="ulightbox" data-fancybox-group="ultbx" src="'+img+'" href="'+img+'" alt="" /></div>').appendTo($('.bs-album'));
});
}
});</script>
P.s По умолчанию включен ulightbox (Встроено в uCoz) если он вам не нужен то из js убираем атрибуты: class="ulightbox", data-fancybox-group="ultbx", href="'+img+'".
Данный раздел авторский все работы являются собственностью ucods.3dn.ru любое коммерческое использование строго запрещено.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
При копировании материала указываем источник ucods.3dn.ru
Для редактирования кода необходимо иметь хотя бы базовые знания в HTML, CSS и Js технологиях.
Добавил: Best_Studio
Дата добавления: 19.05.2018 в 23:46 по МСК
Категория: Другие модули
Просмотров: 897
Комментариев: 13
Эмоций:
Дата добавления: 19.05.2018 в 23:46 по МСК
Категория: Другие модули
Просмотров: 897
Комментариев: 13
Эмоций:
Теги:
| |