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、もしくは自分の好きなタグを指定できたりもします。出力できる画像条件の選択肢がいろいろあるのが便利ですね。

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

デベロッパーツールの表示方法MacのSafariでデベロッパーツール(Webインスペクタなど)を表示する方法前のページ

レスポンシブで横幅フルサイズのスライダーを実装できる「Hero slider」次のページHero slider

関連記事

  1. Grasp Mobile Progress Circle
  2. Easy Responsive Tabs to Accordion

    JavaScript

    レスポンシブ対応のタブとアコーディオンで切り替わるjQueryプラグイン「Easy Responsi…

    今すぐにでも使いたいjQueryプラグインを見つけたので備忘録。レスポ…

  3. JavaScript

    タッチ、フリック、レスポンシブ対応のスライダーギャラリー「Flickity」

    Flickityはスマフォやタブレットに最適なタッチやフリック、または…

  4. jQlouds

    JavaScript

    ふわふわと流れるアニメーション付きの雲を実装できるjQueryプラグイン「jQlouds」

    jQloudsというjQueryプラグインを使えば、ふわふわした雲を実…

  5. Bar Indicator

    JavaScript

    数値をインジケーターで見やすく表示できる「Bar Indicator」

    Bar Indicatorは数値をインジケーターで表示させることができ…

  6. Brusher

    JavaScript

    インタラクティブな背景を実装できる「Brusher」

    Brusherはインタラクティブな背景を実装できる軽量なJavaScr…

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP