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. Simple Easy Slider

    JavaScript

    美しいフェードスライダーを実装できるjQueryプラグイン「Simple Easy Slider」

    Simple Easy Sliderは美しいフェードアニメーションによ…

  2. JavaScript

    ホバーすると中心から円形メニューが表示される「jQuery Wheel Menu」

    ホバーするとその地点を中心にして円形メニューが表示されるプラグイン「j…

  3. JavaScript

    とてもシンプルで綺麗なツールチップを簡単に実装することができるjQueryプラグイン「gips」

    使いやすさや見た目もシンプルで綺麗なツールチップを実装することができる…

  4. FilmRoll

    JavaScript

    中央に来た項目に焦点を当てるカルーセルを実装できるjQueryプラグイン「FilmRoll」

    FilmRollというjQueryプラグインを使えば中央に来た項目に焦…

  5. no-image

    JavaScript

    シンプルなイメージカルーセルを実装できる「Boishakh carousel」

    Boishakh carouselはシンプルなイメージカルーセルを実装…

  6. Page Stack Navigation

    JavaScript

    ページをスタッキングできる「Page Stack Navigation」

    Page Stack Navigationはページをスタッキングできる…

最近の記事

  1. 久保田城
  2. ハードサイド CS80
  3. ACC-TRBX
  4. ピスタチオ クリスマス ツリー フラペチーノ

Instagram始めました

Facebookページ

PAGE TOP