no-image

JavaScript

インスタの写真や動画を表示できる軽量なjQueryプラグイン「Instagram Lite」

Instagram Liteは指定したユーザーのインスタグラムの写真や動画をWebページに表示できるjQueryプラグインです。シンプルで軽量に仕上がっているほか、使い方も簡単なので手軽に実装できそうですね。

Instagram Lite

デモ

デモでは指定されたユーザーのインスタグラムの写真がキレイに並べられて表示されています。画像だけでなくテキストの内容やLikes数・Comments数も表示されるので、どの画像が人気があるかもチェックできますね。

シンプルなデザイン・レイアウトでとても見やすいです。

ユーザーの指定はaccessTokenという項目に自分のインスタのアクセストークンを指定します。

また、Instagram Liteではオプションもいろいろ設定可能です。主なオプション項目は、user_id、limit、list、urls、videos、captions、date、likes、comments_count、error、successです。errorとsuccessはコールバック関数になります。

インスタグラムをやっている人で、自分のインスタ写真をWebページに表示させたいという人は、ぜひ「Instagram Lite」を活用されてみてはいかがですか?

Instagram Lite

関連記事

  1. jQuery Panelize Plugin
  2. no-image

    JavaScript

    円形に飛び出すメニューを実装できる「ggExpandableOptions」

    ggExpandableOptionsは円形に飛び出すメニューを実装で…

  3. Liquid Slider

    JavaScript

    タブパネル式のレスポンシブなjQueryスライダー「Liquid Slider」

    ちょっと珍しそうなスライダーを見つけたのでご紹介します。タブパネルにも…

  4. jquery.stepper.js

    JavaScript

    マウス操作で値の増減ができるjQueryプラグイン「jquery.stepper.js」

    jquery.stepper.jsは、マウス操作から手軽に値の増減を行…

  5. Wipe Slider

    JavaScript

    背景画像を滑らかにスライドさせるjQueryプラグイン「Wipe Slider」

    Wipe Sliderは背景画像を滑らかにスライドさせることができるj…

最近の記事

  1. YAECA ワイドテーパードデニム 10-13WW
  2. ADR-3ML39シリーズ
  3. キュレル モイスチャーバーム
  4. FUJIFILM X-Pro3
  5. iPhone 11 ProとApple Watch Hermès

アーカイブ

PAGE TOP