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

    JavaScript

    複数の画像を表示したりスライドしたりできるスライダー「miSlider」

    miSliderは複数の画像やスライドの表示を可能にするスライダーを実…

  2. vallenato.js

    JavaScript

    シンプルで実装も簡単なjQueryアコーディオン「vallenato.js」

    vallenato.jsは、シンプルで簡単に実装することができるjQu…

  3. JavaScript

    レスポンシブでカスタマイズ性に優れたカルーセルを実装できるjQueryプラグイン「slick」

    slickというjQueryプラグインを使えば、レスポンシブでカスタマ…

  4. JavaScript

    とても簡単で軽量なjQueryスライダー「jQuery Slider²」を使ってみる

    とても簡単かつ軽量なjQueryのスライダー「jQuery Slide…

  5. pagePiling.js

    JavaScript

    垂直にスライドするようなスクロールを実装できるjQueryプラグイン「pagePiling.js」

    pagePiling.jsは垂直にスライドするようなスクロール機能を実…

  6. SweetAlert2

    JavaScript

    カスタマイズ性が高くアクセシビリティ(WAI ARIA)に優れたアラート実装「SweetAlert2…

    SweetAlert2は、レスポンシブ対応でカスタマイズ性が高くアクセ…

最近の記事

  1. TR153
  2. cheero Flat 10000mAh with Power Delivery 18W CHE-112
  3. SV-S251
  4. スラウェシ トラジャ

アーカイブ

PAGE TOP