jQuery

【jQuery】シンプルなレスポンシブライトボックスプラグインcj-lightbox

October 8, 2016
cj-lightbox

cj-lightboxはシンプルなレスポンシブライトボックスjQueryプラグイン。

HTML

<div class="container">
    <div id="cj-lightbox">
      <a href="#">
        <img src="images/1.jpg" title="Image 1"/>
      </a>

      <a href="#">
        <img src="images/2.jpg" title="Image 2"/>
      </a>

      <a href="#">
        <img src="images/3.jpg" title="Image 3"/>
      </a>

      <a href="#">
        <img src="images/4.jpg" title="Image 4"/>
      </a>

      <a href="#">
        <img src="images/5.jpg" title="Image 5"/>
      </a>

      <a href="#">
        <img src="images/6.jpg" title="Image 6"/>
      </a>

      <a href="#">
        <img src="images/7.jpg" title="Image 7"/>
      </a>

      <a href="#">
        <img src="images/8.jpg" title="Image 8"/>
      </a>
    </div>
  </div>

JS

<script src="http://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<script type="text/javascript" src="js/cj-lightbox.js"></script>