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. JavaScript

    レスポンシブに対応したビフォーアフター画像を実装できる「before-after.js」

    before-after.jsはシンプルでレスポンシブに対応したビフォ…

  2. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  3. no-image

    JavaScript

    マスクエフェクトが素敵なスライダー実装「Masked Circle Slider」

    Masked Circle Sliderは、円形のマスクエフェクトが素…

  4. autoscroll.js

    JavaScript

    コンテンツを自動でスクロールしてくれるjQueryプラグイン「autoscroll.js」

    autoscroll.jsはwebページ内のコンテンツを自動でスクロー…

  5. Tosrus

    JavaScript

    スマホやタブレットにも対応するLightbox風のjQueryプラグイン「Tosrus」

    TosrusというjQueryプラグインを使えば、スワイプやスクロール…

  6. FlexSlider

    JavaScript

    jQueryプラグインのレスポンシブな軽量スライダー「FLEXSLIDER」の使い方や設定方法

    すごくいいですね、これ。スマートフォンにも対応させたいスライダーを探し…

最近の記事

  1. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ
  2. カメラマングローブ Grip Hot Shot III
  3. 包(つつむ)巾着ポーチ
  4. KMC-80BK

Instagram始めました

Facebookページ

PAGE TOP