No description, website, or topics provided.
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
jquery.akFlickr.js

README.md

jquery.akFlickr.js

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

Demo

CodePen

Usage

// Format:
$(selector).akFlickr({
  api_key : YOUR_API_KEY,
  count: 5,
  searchOptions: {
    text: 'kawaii',
    sort: 'interestingness-desc'
  }
});

// Examples:
$('#modInstagram').akFlickr({
  api_key : YOUR_API_KEY,
  link: false,
  count: 5,
  size: 'large_square',
  searchOptions: {
    user_id : YOUR_FLICKR_ID
  },
  tag: 'li',
  className: 'mod-imgList_item'
});

Options

Property Type Default Description
api_key String - APIキー
link Boolean true リンクの有無
count Number 20 アイテムの数
size String medium

画像のサイズ

  • square - 75x75
  • large_square - 150x150
  • thumbnail - 長辺を 100px にリサイズ
  • small - 長辺を 240px にリサイズ
  • small_320 - 長辺を 320px にリサイズ
  • medium - 長辺を 500px にリサイズ
  • medium_640 - 長辺を 640px にリサイズ
  • medium_800 - 長辺を 800px にリサイズ
  • large - 長辺を 1024px にリサイズ
  • original - オリジナル
searchOptions Object -

検索条件の指定

下記 3 つのうち、最低 1 つの検索条件を指定します。

  • user_id: YOUR_FLICKR_ID - 写真投稿者ユーザーID
  • text: 'フリーワード' - フリーワード全文検索
  • tags: 'タグ' - タグ

tags の複数指定はカンマ区切り

その他の検索条件等

※ ★はデフォルト

複数指定時の検索モード
  • tag_mode: 'any' - OR検索 ★
  • tag_mode: 'all' - AND検索
時間軸で絞り込む
  • min_upload_date: 'YYYY-MM-DD' - アップロード日時 [from]
  • min_taken_date: 'YYYY-MM-DD' - 撮影日時 [from]
  • max_taken_date: 'YYYY-MM-DD' - 撮影日時 [to]

※ YYYY-MM-DD もしくは UNIX タイムスタンプで指定

ライセンスで絞り込む

license: 'LICENSE_ID' - LICENSE_ID をカンマ区切りで指定

LICENSE_IDはこちら

並べ替え
  • sort: 'date-posted-desc' - アップロード日時の新しい順 ★
  • sort: 'date-posted-asc' - アップロード日時の古い順
  • sort: 'date-taken-asc' - 撮影日時の古い順
  • sort: 'date-taken-desc' - 撮影日時の新しい順
  • sort: 'interestingness-desc' - 人気の高い順
  • sort: 'interestingness-asc' - 人気の低い順
  • sort: 'relevance' - 関連度の高い順
エリア絞り込み

bbox: '-170, 8, -60, 62' - 西端経度, 南端緯度, 東端経度, 北端緯度

tag String div アイテムをラップするタグ
className String - アイテムをラップするタグにつけるクラス

ToDo

  • DOM のとこなおすかも

Changelog

まだないよ