Lightense Images

JavaScript

軽量で依存しないピュアJavaScriptライブラリによるズーミング実装「Lightense Images」

Lightense ImagesはjQueryなどに依存することなく実装できるズーミングライブラリです。ピュアJavaScriptで容量も軽量なところがいいですね。2KB(gzip圧縮)未満とのことで、軽くてサクサク動作する画像ズーム機能を実装したい人にオススメです。

背景カスタマイズなども可能

デモ

上記のページにはいくつかのデモが用意されています。画像にカーソルをあわせるとアイコンが矢印から虫眼鏡に変わるので、「拡大できるんだな」とすぐに理解できます。画像をクリックすると、ズーミングします。

背景にオーバーレイをかけたり、設定で背景をうっすら透過させたりすることも可能です。背景の不透明度は好きな数値に指定できるので、好みにあわせたカスタマイズが可能です。

具体的には、画像タグ内に「data-background」属性を追加し、rgbaの各数値を設定することで背景をカスタマイズできます。不透明度だけではなく、背景カラーなども変えれるのがいいですね。

実装方法もカンタンなので、手軽に自サイトにズーミング機能を取り入れたいときにはピッタリのライブラリといえます。

豊富な機能やオプションなどはいらないから、シンプルで軽量な画像ズーム機能を実装したいという人にオススメしたいですね。

Lightense Images

関連記事

  1. blurify

    JavaScript

    画像にぼかし効果を実装できる軽量のJSライブラリ「blurify」

    blurifyは画像にぼかし効果を実装することができるJSライブラリで…

  2. no-image

    JavaScript

    グリッドレイアウトによるシンプルで軽量なギャラリー「Grid Gallery」

    Grid Galleryはグリッドレイアウトによるシンプルで軽量なイメ…

  3. NO IMAGE

    JavaScript

    テキストコンテンツをページ分割(ページネーション)できる「jPaginate」

    jPaginateはWebページ内のテキストコンテンツをページ分割(ペ…

  4. JavaScript

    スクロールバーにあと何分で読めるかを表示してくれるjQueryプラグイン「jQuery Readin…

    とてもシンプルですが何気に便利そうだったので使ってみました。長文記事を…

  5. SweetAlert
  6. Text Effects

    JavaScript

    テキストがカシャカシャ切り替わって表示するjQueryプラグイン「Text Effects」

    Text EffectsというjQueryプラグインを使えば、テキスト…

最近の記事

  1. ワンタッチ着脱フィルターキット
  2. Soundcore Ace A1
  3. cheero USB-C PD Charger 60W
  4. DY-S01

アーカイブ

PAGE TOP