latest stable: https://github.com/sezanzeb/Hippo/releases/tag/1.0
- Can display text and tags aswell as images
- Responsive
- Flat Designed
- No Dependencies
- The img tags don't need to be in the same container.
- Supports IE9
- Link two files, add an attribute to your img tag, done.
https://hip70890b.de/web.php#Hippo
You can find the css and js files here: https://github.com/sezanzeb/Hippo/tree/master/src
<link rel="stylesheet" href="hippo-gallery.css" type="text/css">
<script src="hippo-gallery.js"></script>
<img zoom="full.jpg" src="thumbnail.jpg"/>
<link rel="stylesheet" href="hippo-gallery.css" type="text/css">
<script src="hippo-gallery.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"/>
<div class="hippo-zoomContent" category="examplegroup" caption='"text"'/>
<p>Click me</p>
<div>foo</div>
<span>bar</span>
<div class="hippo-zoomContent-content">
<p>Your content goes here, into the div with the class called .hippo-zoomContent-content, which is a child of .hippo-zoomContent</p>
</div>
</div>
- support closing using the esc-key and navigating by using arrow keys