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画像を表示させたい時には、ぜひ覚えておきたいですね。

Solution for Long Drop Down Items長いメニューもスクロールで表示できる「Solution for Long Drop Down Items」前のページ

SVGのpathを使ったイメージスライダー「Animated SVG Image Slider」次のページAnimated SVG Image Slider

関連記事

  1. PWS Tabs jQuery Plugin
  2. no-image

    JavaScript

    円形に広がるメニュー実装「expanding action button」

    expanding action buttonは円形に広がるメニューを…

  3. markerPen

    JavaScript

    Webページにマーカー機能を実装できるjQueryプラグイン「markerPen」

    markerPenはWebページにマーカーで描ける機能を実装することが…

  4. plainModal

    JavaScript

    カスタマイズ性が高いシンプルなモーダルウィンドウのjQueryプラグイン「plainModal」

    plainModalはシンプルでカスタマイズ性が高いモーダルウィンドウ…

  5. Rain & Water Effect Experiments
  6. Intense Images

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP