CodeSpud

BoxerJS

March 02, 2015

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


@codespud

Written by @codespud  chrisbautistahttps://www.linkedin.com/in/cabautista/