【Javascript】軽量のJavaScriptズームライブラリ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ライセンス

 
Lightense Images

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

  • LATEST
  • RELATED
  • POPULAR