BoxerJS

Lightweight jQuery Plugin to transform links containing 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

Download Files

https://github.com/chrisbautista/boxerjs

Last Updated: February 15, 2015