BETA! Please test

badgr is a JavaScript and PHP solution that uses AJAX to transform a link to a folder with images into a photo badge with previous and next links. For example to allow the visitor to navigate the images in the folder "galleries/animals", you can add a link like this:

<a href="galleries/animals/" class="badgr">Animals</a>

badgr then turns it into this:

Animals

You can use as many badges in a document as you want to. All you need to make it work is to add the two JavaScript includes in the header and apply a style sheet.

<style type="text/css">
  @import 'badgr.css';
</style>
<script type="text/javascript" src="DOMhelp.js"></script>
<script type="text/javascript" src="badgr.js"></script>
Buildings

Every time the visitor hits the next or previous links badgr calls the badgr.php file that retrieves the next images. Clicking a thumbnail will show the image in the page much like lightbox does.

As badgr uses AJAX and PHP it cannot run on your file system! You need to run it from your localhost via http!