Created by ShopDD


img001 img002 img003 img004 img005

How to use

  1. Download and unzip the latest version of Ligbox.

  2. Look inside the js folder to find jquery-2.1.4.min.js and ligbox.js and load both of these files. Load jQuery first.

    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="js/ligbox.js"></script>
  3. Look inside the css folder to find ligbox.css and load it.

    <link rel="stylesheet" type="text/css" href="css/ligbox.css">
  4. It surrounds the image tag in div(<div class="ligbox">~</div>).

    <div class="ligbox">
      <a href="img/img001.jpg" target="_blank"><img src="img/Thumb001.jpg" alt="img001"></a>
      <a href="img/img002.jpg" target="_blank"><img src="img/Thumb002.jpg" alt="img002"></a>
      <a href="img/img003.jpg" target="_blank"><img src="img/Thumb003.jpg" alt="img003"></a>
      <a href="img/img004.jpg" target="_blank"><img src="img/Thumb004.jpg" alt="img004"></a>
      <a href="img/img005.jpg" target="_blank"><img src="img/Thumb005.jpg" alt="img005"></a>