Lightense Images

JavaScript

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

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

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

デモ

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

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

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

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

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

Lightense Images

関連記事

  1. Image Figure Caption effects
  2. Zoomer

    JavaScript

    画像をズームできてギャラリーにもすることができるjQueryプラグイン「Zoomer」

    ZoomerというjQueryプラグインを使えば画像をズームさせる機能…

  3. jCalculator

    JavaScript

    jQueryプラグインで電卓を実装できる「jCalculator」

    jCalculatorというjQueryプラグインを使えば入力フィール…

  4. ad-datepicker

    JavaScript

    アクセシブルなデートピッカーを実装できる「ad-datepicker」

    ad-datepickerはアクセシブルなデートピッカーを実装できるj…

  5. Slight Submenu
  6. Liquid Slider

    JavaScript

    タブパネル式のレスポンシブなjQueryスライダー「Liquid Slider」

    ちょっと珍しそうなスライダーを見つけたのでご紹介します。タブパネルにも…

最近の記事

  1. cheero Stream 10000mAh
  2. BOSE HOME SPEAKER 300
  3. RP-PC112
  4. SRS-XB402M
  5. Lite LR30

アーカイブ

PAGE TOP