Skip to content

Lightweight vanilla-JS image lightbox crafted with CSS3 and inline SVG icons for modern browsers

License

Notifications You must be signed in to change notification settings

codeclou/bilderrahmen

Repository files navigation

Lightweight vanilla-JS image lightbox crafted with CSS3 and inline SVG icons for modern browsers

 

⚫ DEMO: codeclou.github.io/cc-image-lightbox/

 

Install

$ npm install --save cc-image-lightbox

 

Usage

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

 

License

MIT © codeclou.io