Skip to content
Вставка галереи на сайт из альбомов социальной сети "вконтакте"
JavaScript HTML CSS
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
js
slimbox
.gitignore
README.md
composer.json
composer.lock
composer.phar
index.html

README.md

ДЕМО САЙТ 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

You can’t perform that action at this time.