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. Touch-Tabs-jQuery

    JavaScript

    イベントやカスタマイズが可能な拡張性の高いタブシステム「Touch-Tabs-jQuery」

    Touch-Tabs-jQueryは、イベント設定やカスタマイズが可能…

  2. HTML5 Sortable

    JavaScript

    リストをドラッグ&ドロップで並べ替えることができるjQueryプラグイン「HTML5 So…

    リスト化した要素をドラッグ&ドロップで並べ替えることができるjQuer…

  3. jQuery Tabs with Content Overlays
  4. Scrolla

    JavaScript

    スクロール時にアニメーションするjQueryプラグイン「Scrolla」

    Scrollaは上下スクロールしたときにアニメーションするjQuery…

  5. jQuery-TimelineMe

    JavaScript

    シンプルなタイムラインを簡単につくれる「jQuery-TimelineMe」

    jQuery-TimelineMeは、タイムラインを簡単に構築すること…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP