Javascript

【Javascript】軽量のJavaScriptズームライブラリLightense Images

August 15, 2016
Lightense Images

Lightense Imagesは2キロバイト(gzip圧縮)と軽量のJavaScriptズームライブラリ。

Setup

<img src="photo.jpg">
<script src="lightense.js"></script>
<script>
  window.addEventListener('load', function () {
    var el = document.querySelectorAll('img');
    Lightense(el);
  }, false);
</script>

Custom Background Color

<img src="screenshot.png" data-background="rgba(0, 0, 0, .96)">

Disable Lightense for Specific Elements

<img src="photo.jpg" class="no-lightense">
<script>
  window.addEventListener('load', function () {
    var el = document.querySelectorAll('img:not(.no-lightense)');
    Lightense(el);
  }, false);
</script>

MITライセンス