Lightweight vanilla-JS image lightbox crafted with CSS3 and inline SVG icons for modern browsers
⚫ DEMO: codeclou.github.io/cc-image-lightbox/
$ npm install --save cc-image-lightbox
Browser
<html>
<body>
<link href="../build/cc-image-lightbox.min.css" rel="stylesheet" />
<a href="https://codeclou.github.io/cc-image-lightbox/demo/demo-gallery-02/images/DSC05104.JPG" target="_blank"><img
src="https://codeclou.github.io/cc-image-lightbox/demo/demo-gallery-02/thumbs/DSC05104.JPG"
data-cc-lightbox="gallery-02"
data-cc-title="Image Four"
/></a>
<script src="../build/cc-image-lightbox.min.js"></script>
</body>
</html>
Webpack es6
JS
import CCImageLightbox from 'cc-image-lightbox';
new CCImageLightbox();
CSS
./node_modules/cc-image-lightbox/build/cc-image-lightbox.css
MIT © codeclou.io