BoxerJS

March 02, 2015

javascriptjqueryextension

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

See project page for examples.

Install

1. Download files.
2. Copy boxer.js, boxer.css, and close.png into your project
3. Include boxer.js and boxer.css
4. 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>

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

Supports

• images
• html snippet via AJAX

Roadmap

• Easing
• Better AJAX support
• Presentation Mode
• JSON Processing

Links

Github: BoxerJs Demo