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. CSS3 Menu Slider
  2. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryのeachメソッドのお勉強

    今回はjQueryのeachメソッドを使ってみました。なんかとても便利…

  3. Siema

    JavaScript

    軽量でシンプルで依存性のないカルーセルを実装できる「Siema」

    Siemaは軽量でシンプル、そしてjQueryなどの依存性のないカルー…

  4. Los Scrollos

    JavaScript

    シンプルで滑らかな水平スクロール実装「Los Scrollos」

    Los Scrollosはシンプルで滑らかな水平スクロールを実装できる…

  5. JavaScript

    Lightbox風のjQueryプラグインColorBoxの使い方

    綺麗なイメージギャラリーを簡単に設置できるColorBoxの使い方の紹…

  6. no-image

    JavaScript

    背景にスクロールエフェクトを実装する「Physics-Based Background Scroll…

    背景に美しいスクロールエフェクトを実装する「Physics-Based…

最近の記事

  1. サーモンアボカドサラダラップとドリップ
  2. 猿田彦フレンチ
  3. Zarigani Curry 挽肉のカレー ゴーダチーズとピクルスを添えて
  4. ビジネスホテル
  5. ドリップコーヒー

アーカイブ

PAGE TOP