Skip to content
No description, website, or topics provided.
JavaScript
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.
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

まだないよ

You can’t perform that action at this time.