【jQuery】シンプルなレスポンシブライトボックスプラグイン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>
 
cj-lightbox

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

  • LATEST
  • RELATED
  • POPULAR