BoxerJS

Lightweight jQuery Plugin to transform links to images into quick previews.

See project page for examples.

Install

Download files.
Copy boxer.js, boxer.css, and close.png into your project
Include boxer.js and boxer.css
Enclose target anchors in a container e.g.

<div class="boxer">
  <a href="picture1.png" title="this is a picture">
    <img src="picture1_thumb.jpg" />
  </a>
    
  <a href="picture2.png" title="this is another picture">
    <img src="picture2_thumb.jpg" />
  </a>
</div>

Run code $(".boxer").boxer();

Supports

images
html snippet via AJAX

Links

Github: BoxerJs Demo