Progressively

JavaScript

画像を徐々に読み込んでくれるJSライブラリ「Progressively」

Progressivelyは画像を徐々に読み込ませることができるJSライブラリです。最初は画像にボカシが入っていますが、スクロールしていくことで画像がくっきり表示されていきます。jQueryなどによるサードパーティーのライブラリに依存することなく使えるのがいいですね。ファイル容量もかなり軽量に仕上がっています。

Progressively

デモ

デモではたくさんの画像が縦に並んでいて、はじめは画像がボカされています。下へスクロールしていくと同時に、ボカされていた画像がくっきり見えるようになってきます。

画像をたくさん載せているページの場合、読み込みが遅くなってしまうケースが多々ありますが、そんなときにこのライブラリを活用するとページ閲覧者にとっても快適になるのではないでしょうか?

マークアップなどの使い方もシンプルなので、手軽に実装できると思います。また、オプションには、throttle、delay、onloadComplete、onload、.render()といった項目が用意されています。

画像を多用するサイトで、画像を徐々に読み込ませる機能を実装したい場合は、ぜひ覚えておきたいJSライブラリといえそうです。

Progressively

関連記事

  1. Canvi

    JavaScript

    左右からスライド表示するシンプルなナビゲーションメニュー「Canvi」

    CanviはVanilla JSによるシンプルなナビゲーションメニュー…

  2. JavaScript

    立体的なナビゲーション表示を実装することができるjQueryプラグイン「Box Lid」

    立体的なナビゲーション表示を実装できるjQueryプラグイン「Box …

  3. TabTab.js

    JavaScript

    アニメーション付きで切り替わるjQueryのタブプラグイン「TabTab.js」

    TabTab.jsは素敵なアニメーション付きのタブコンテンツを実装する…

  4. hummingbird-popover

    JavaScript

    高速・軽量なコンテキストメニュー実装「hummingbird-popover」

    hummingbird-popoverは高速・軽量なコンテキストメニュ…

  5. progresspieSVG

    JavaScript

    円形のプログレスバーを実装できる「progresspieSVG」

    progresspieSVGは円形のプログレスバーを実装できるjQue…

  6. SimpleAccordion

    JavaScript

    シンプルなアコーディオンを実装できるjQueryプラグイン「SimpleAccordion」

    SimpleAccordionは、シンプルなアコーディオンを実装するこ…

最近の記事

  1. EH-NA0B
  2. KPS-88
  3. Happy Plugs AIR1
  4. cheero Stream 10000mAh
  5. BOSE HOME SPEAKER 300

アーカイブ

PAGE TOP