Javascript

【jQuery】vanilla JSのシンプルなライトボックスソリューションAvalonbox

December 23, 2017
avalonbox

Avalonboxは、vanilla JSのシンプルなライトボックスソリューション。

Install

https://cdn.rawgit.com/Nefla/avalonbox/master/dist/avalonbox.css

Usage

import avalonbox from 'avalonbox'
avalonbox.run('image-gallery')

Examples

HTML sample code:

<div id="image-gallery" class="gallery">

  <a href="images/image_1.jpg">
    <img src="images/thumb_image_1.jpg" />
  </a>

  <a href="images/image_2.jpg">
    <img src="images/thumb_image_2.jpg" />
  </a>

  <a href="images/image_3.jpg">
    <img src="images/thumb_image_3.jpg" />
  </a>

</div>

MIT