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

    JavaScript

    画像にホバーして拡大できる軽量のスクリプト「Drift」

    Driftは画像にホバーした部分を拡大できるシンプルで軽量なスクリプト…

  2. Random Text Shuffle

    JavaScript

    シャッフルしながらテキストが表示される「Random Text Shuffle」

    Random Text Shuffleは文字をシャッフルしながらテキス…

  3. Switch

    JavaScript

    iOSスタイルのシンプルなチェックボックスを実装できる「Switch」

    Switchは、シンプルでパワフルなiOSスタイルのチェックボックスを…

  4. jcSlider

    JavaScript

    CSS3を使ったレスポンシブ対応スライダーを実装できるjQueryプラグイン「jcSlider」

    jcSliderは、アニメーションを使用しないスライダーのプラグインで…

  5. JavaScript

    シンプルで使いやすいベーシックなスライドショーを実装できるjQueryプラグイン「Basic jQu…

    jQueryスライダーのネタが多いですが、今日もまたスライダーのプラグ…

  6. Foxholder

最近の記事

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

アーカイブ

PAGE TOP