Ligbox

Ligboxはlightbox2のように画像をオーバーレイ表示できるjQueryプラグイン

必要最低限のコードだけにする事で2KB以下で動作します

Created by ShopDD

Example

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>
    </div>