Lightense Images

JavaScript

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

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

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

デモ

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

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

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

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

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

Lightense Images

関連記事

  1. Custom jQuery Lightbox

    JavaScript

    デザインや使い方がシンプルな「Custom jQuery Lightbox」

    Custom jQuery Lightboxはデザインや使い方がシンプ…

  2. no-image
  3. JavaScript

    jQueryプラグイン・2014年上半期56選まとめ

    気づいたら2014年も上半期が終わってしまいましたね。そんなわけで、2…

  4. no-image

    JavaScript

    スクロール時に要素を固定できるjQueryプラグイン「ScrollFix」

    ScrollFixはスクロール時に特定の要素を固定して表示できるjQu…

  5. Multi-Screen.js

最近の記事

  1. Dyson Pure Cool Me
  2. ルック セレクション
  3. シルキーウインドモバイル
  4. アリエール パワージェルボール3D

アーカイブ

PAGE TOP