ImageBox

Display an image in a responsive imagebox without jQuery.

What's new in 1.3.0?

• Multiple Galleries
• Smooth transition between image change
• A lot more options
• Extended keyboard support
• Add swipe gestures for mobile devices

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/seattle.jpg" alt="Seattle" data-imagebox="g2">
<img src="img/detroit.jpg" alt="Detroit" data-imagebox="g2">

More information on GitHub.

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