smyslovvitaliy / jquery.embedvkgallery

Вставка галереи на сайт из альбомов социальной сети "вконтакте"

ДЕМО САЙТ https://bahek2462774.github.io/jquery.EmbedVkGallery/

ВНИМАНИЕ

API VK требует для запросов сервис токен. Токен можно сгенерировать в своих приложениях https://vk.com/apps?act=manage

1. создаем приложение
2. в настройках находим сервис токен (service token)
3. Создаем в корне сайта файл access_token.txt и записываем туда токен. Ничего кроме токена внутри файла быть не должно.

Скрипт проверит сначала - есть ли файл access_token.txt. Если да, то возьмет оттуда токен и будет слать запросы напрямую на vkapi сервер. Если файла такого нет - то скрипт будет слать запросы через прокси без токена. На прокси сервере подставится дефолтный токен.

Описание

Плагин добавляет фотографии из альбомов "ВК" а так же выравнивает их в равномерную по ширине плитку (IE9+)

Важно! Альбом должен быть открыт для просмотра любым пользователем.

Параметры можно передать в data атрибутах, либо объектом. Так же можно передать только ссылку на альбом.

Параметры

full_image_size = Размер картинки, которая будет открываться по клику (по умолчанию = 'x') Если скрипт не находит нужную картинку - попытается взять сначала 'm', потом 's'. Если ничего не найдено - пропустит эту картинку. Все описания форматов есть в доке к VK API https://vk.com/dev/photo_sizes

shuffle (по умолчанию 0) - перемешивает массив с фотографиями

width - приблизительная ширина плитки. ( 100 по умолчанию )

margin - отступы между плитками. (4 по умолчанию )

limit - лимит картинок - которые будут загружены и показаны.

rev - по умолчанию 1 ( выводит фотографии в антихронологичном порядке добавления )

link - ссылка на альбом.

Пример

Грузим галерею в элемент с id="vk". Все данные об альбоме должны быть в data атрибутах

$('#vk').EmbedVkGallery();

Грузим галерею в элемент с id="vk2" и явно указываем ссылку на альбом

$('#vk2).EmbedVkGallery('http://vk.com/album-27725748_154688860');

Грузим галерею в элемент с id="vk3" и передаем объект с параметрами

$('#vk3').eq(2).EmbedVkGallery({
            link: 'http://vk.com/album-27725748_138005450',
            margin: 5
        });

Просмотр картинок осуществляет плагин slibmox2 http://www.digitalia.be/software/slimbox2