No description, website, or topics provided.
JavaScript PHP
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.md
instagram.php
jquery.akInstagram.js

README.md

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

まだないよ