ImageBox

Display an image in a responsive imagebox without jQuery. Only 2 kB (minified and gzipped)!

Include the CSS and the JS files:
<link rel="stylesheet" href="dist/imagebox.min.css">
<script src="dist/imagebox.min.js"><script>
To make the ImageBox work, you only need to add a single attribute (data-imagebox):
<img src="img/san-francisco.jpg" alt="San Francisco" data-imagebox>
If you need a gallery just add an gallery-ID (each image with this attribute and this name is bundled to a gallery):
<!-- Gallery 1 -->
<img src="img/san-francisco.jpg" alt="San Francisco" data-imagebox="g1">
<img src="img/new-york.jpg" alt="New York" data-imagebox="g1">

<!-- Gallery 2 -->
<img src="img/chicago.jpg" alt="Chicago" data-imagebox="g2">
<img src="img/detroit.jpg" alt="Detroit" data-imagebox="g2">
More information on GitHub.

Badges (Shields.io) & CSS Theme (Modest)