Instafeed.js

JavaScript

Webサイト内にInstagramの画像を表示できる「Instafeed.js」

Instafeed.jsはWebサイト内にInstagramの画像一覧を表示させることができます。自分の指定した好きなハッシュタグの画像を表示させたりできるのでとても便利ですね。オプションがかなり豊富なのでカスタマイズの自由度も高そうです。

Instafeed.js

Instafeed.js

オシャレなInstagramの画像を載せることでサイトが楽しい雰囲気になるのがいいですね。普通の写真を載せるだけじゃ物足りないという方は、Instagramの画像を表示させてみてはいかがでしょうか?

こんな感じで出力したいフィードをオプションを使って細かく設定していきます。

<script type="text/javascript">
    var feed = new Instafeed({
        get: 'tagged',
        tagName: 'awesome',
        clientId: 'YOUR_CLIENT_ID'
    });
    feed.run();
</script>

Register • Instagram Developer Documentation

自分が指定したハッシュタグのInstagram画像を表示させたい時には、ぜひ覚えておきたいですね。

関連記事

  1. Product Tour

    JavaScript

    レスポンシブなプロダクトツアーを実装できるCSS・jQuery「Product Tour」

    Product Tourはレスポンシブに対応したプロダクトツアーを実装…

  2. awNotices

    JavaScript

    スタート・ストップ機能がついたシンプルなjQueryニュースティッカー「awNotices」

    awNoticesはスタート・ストップ機能がついたシンプルに切り替わる…

  3. ax5ui-menu

    JavaScript

    カスタマイズしやすいコンテキストメニューを実装できる「ax5ui-menu」

    ax5ui-menuはカスタマイズしやすいシンプルなコンテキストメニュ…

  4. Emergence.js

    JavaScript

    ブラウザで要素の可視性を検出する「Emergence.js」

    Emergence.jsは、ブラウザで要素の可視性を検出することができ…

  5. star-rating-svg

    JavaScript

    カスタマイズ性に優れたレーティング(星評価)実装「star-rating-svg」

    star-rating-svgは、SVGを使用したカスタマイズ性に優れ…

  6. Hero slider

    JavaScript

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

    Hero sliderはレスポンシブに対応した横幅フルサイズのスライダ…

最近の記事

  1. M360bt

アーカイブ

PAGE TOP