Pongstagr.am

JavaScript

自分のインスタグラムの画像を表示できるjQueryプラグイン「Pongstagr.am」

Pongstagr.amは自分のインスタグラムの画像をWebサイトに表示させることができるjQueryプラグインです。インスタグラムのユーザーIDとアクセストークンが必要になります。スタイルにはBootstrapが使われています。

Pongstagr.am

Pongstagr.am

こんな感じでIDやアクセストークンを指定します。

$('#selector').pongstgrm({
    accessId:     'YOUR-ACCESS-ID',
    accessToken:  'YOUR-ACCESS-TOKEN'
});

そして、例えば最新の画像を表示させたい場合は、showという項目にrecentを指定してあげます。

$('#selector').pongstgrm({ show: 'recent' });

プロフィールを表示したい時はprofileと記述すればOKです。サイズや画像パス、背景カラーも同時に設定することが可能です。

他にもlikedやfeed、もしくは自分の好きなタグを指定できたりもします。出力できる画像条件の選択肢がいろいろあるのが便利ですね。

自分のサイトにインスタグラムの写真を載せたいという方は是非チェックしてみてください。

関連記事

  1. suitabs

    JavaScript

    横や縦にスライドできるスライドショー&タブ実装のjQueryプラグイン「suitabs」

    suitabsはスライドショー&タブを実装することができるjQuery…

  2. SweetDropdown

    JavaScript

    スタイリッシュで多彩なドロップダウンを実装できる「SweetDropdown」

    SweetDropdownは、多彩なドロップダウンを実装することができ…

  3. JavaScript

    指定した要素をパカパカと点滅させることができる「jquery.flicker」

    とてもシンプルなプラグインだったのでメモがてらご紹介します。指定した要…

  4. jQuery Autocompleter

    JavaScript

    カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」

    jQuery Autocompleterはカスタマイズ性に優れたサジェ…

  5. Image Gallery Threejs
  6. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryでパターン化されたクラス名をループで1つずつ取り出して処理する

    どうでもいい内容なんですがちょっとやりたかったのでメモです。jQuer…

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP