BoxerJs : Demo

Github repository: https://github.com/chrisbautista/boxerjs

Usage:

  1. copy boxer.js, boxer.css, and close.png into your project
  2. include boxer.js and boxer.css
  3. wrap anchors in a container e.g.
    <div class="boxer" >
       <a href="picture.png" title="this is a picture" > <img src="picture_thumb.jpg" /> </a>
    </div >
  4. run code
    $(".boxer").boxer();

Thumbnails

dog 1 dog 2 dog 3

Thumbnails in a UL

Anchors in a paragraph

I love my dog. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna another dog. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. City vs Population

Ajax