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

CSS Only Fab Icon MenuCSSで実装できるコンパクトで可愛いメニュー「CSS Only Fab Icon Menu」前のページ

カスタマイズ性に優れたサジェスト機能を実装できる「jQuery Autocompleter」次のページjQuery Autocompleter

関連記事

  1. Material ScrollTop Button
  2. Rainbow.js
  3. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  4. characterCounter

    JavaScript

    文字数のカウントや制限ができるjQueryプラグイン「characterCounter」

    characterCounterは文字数をカウントしてくれるシンプルな…

  5. jQuery Waterwheel Carousel

    JavaScript

    水平や垂直方向に配置できる水車のような便利なカルーセル「jQuery Waterwheel Caro…

    水平方向や垂直方向に配置できる水車のような便利なカルーセル「jQuer…

  6. Mirror Effect

    JavaScript

    ミラーエフェクトによるかっこいいスライドショー実装「Mirror Effect」

    Mirror EffectはWebサイト内でかっこいいミラーエフェクト…

最近の記事

  1. SRS-XB43
  2. Nu:kin
  3. フィールグッドシャワー

アーカイブ

PAGE TOP