Responsive, flat designed & does not depend on any additional library. The img tags don't need to be in the same container.
(also take a look at "example/example.html" and open it in your browser)
the source files are in the folder "src"
<link rel="stylesheet" href="slideshow.css" type="text/css">
<script src="slideshow.js"></script>
<img category="category1" zoom="pic1.jpg" src="preview1.jpeg" caption="caption1"/>
<img category="category2" zoom="pic2.jpg" src="preview2.jpeg" caption="caption2"/>
<img category="category2" caption="caption3" zoom="pic3.jpg" alt="click here"/>
http:https://hip70890b.de/web.php#Lightbox
called Hippo, because I use it on my website "Hip70890b.de