Permalink
Switch branches/tags
Nothing to show
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
125 lines (102 sloc) 3.12 KB

jquery.akInstagram.js

お勉強プラグインシリーズ。Instagram の API からデータを取得するプラグイン。

Demo

CodePen

Usage

// Format:
$(selector).akInstagram({
  request_url: YOUR_REQUEST_URL,
  link: true,
  count: 20,
  size: 'thumbnail',
  tag: 'div',
  className: ''
});

// Examples:
$('#modInstagram').akInstagram({
  request_url: YOUR_REQUEST_URL
});

// Examples:
$('#modInstagram').akInstagram({
  access_token: YOUR_ACCESS_TOKEN
});

// Examples:
$('#modInstagram').akInstagram({
  request_url: YOUR_REQUEST_URL,
  link: false,
  count: 10,
  size: 'thumbnail',
  tag: 'li',
  className: 'instagramItem'
});

request_urlaccess_token はどちらか片方を必ず指定してください。 JS ファイル内に access_token を直接記述することは推奨できませんので、直書きする場合は自己責任で mm

instagram.php は、サーバサイドで「アクセストークンを使ってデータを取得する処理をしてくれる」ファイルのサンプルです。 instagram.php をこのまま使用する場合、ご自身で取得したアクセストークンを記載してください。

$access_token = '211242.....'; // アクセストークンを書く

Options

Property Type Default Description
request_url String - サーバサイドで「アクセストークンを使ってデータを取得する処理をしてくれる」ファイルの URL
※JS ファイルに直接 access_token を直書きして使用する場合は必要なし。
access_token String - アクセストークン
request_url を指定している場合は必要なし。
link Boolean true リンクの有無
count Number 20 アイテムの数
※Max 20
size String thumbnail

画像のサイズ

  • thumbnail - 小(150px)
  • low_resolution - 中(306px)
  • standard_resolution - 大(640px)
tag String div アイテムをラップするタグ
className String - アイテムをラップするタグにつけるクラス

ToDo

  • DOM のとこなおすかも

Changelog

まだないよ