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_url と access_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

まだないよ