【JavaScript】ライトボックスモードとMasonryレイアウトを使用したフォトギャラリーzoomwall.js

zoomwall.jsは、ライトボックスモードとmasonryレイアウトを使用したフォトギャラリーです。

html

<link rel="stylesheet" type="text/css" href="zoomwall.css" />
<script type="text/javascript" src="zoomwall.js"></script>
<div id="gallery" class="zoomwall">
<img src="./images/01_lowres.jpg" data-highres="./images/01_highres.jpg" />
<img src="./images/02_lowres.jpg" data-highres="./images/02_highres.jpg" />
</div>

javascript

window.onload = function() {
zoomwall.create(document.getElementById('gallery'));
};
zoomwall.create(document.getElementById('first-gallery'));
zoomwall.create(document.getElementById('second-gallery'));
zoomwall.keys();

ライセンスはMIT

 

【JavaScript】ライトボックスモードとMasonryレイアウトを使用したフォトギャラリーzoomwall.js

  • LATEST
  • RELATED
  • POPULAR