Example
Hailee Steinfeld
Indevidual Images
Celebrities
Documentation
Installation
Import the alisLightBox.js and the alis-lightBox.css file in your project. you can find they in the dist folder.
<link rel="stylesheet" href="alis-lightBox.css">
<script src="alisLightBox.js"> <script>
<script src="alisLightBox.js"> <script>
Use
Make an "a" tag, its "href" attribute should be image url and add the "alis-lb" attribute in the "a" tag.
<a href="this is my image url.jpg" alis-lb="gallery_name"> click me to open image
</a>
You can add title, with the "alis-lb-title" attribute.
<a href="this is my image url.jpg" alis-lb="gallery_name" alis-lb-title="this is image title">
click me to open image </a>
Note : don't use space in the "alis-lb" attribute.
Shortcut keys
Arrow right : Go to the next image
Arrow left : Go to the preview image
Arrow up : Zoom in
Arrow down : Zoom out