jQuery
【jQuery】CSSを使用したスムーズなトランジションとアニメーションライトボックスLightSpeedBox
February 25, 2017

LightSpeedBoxは、レスポンシブ対応でCSSを使用したスムーズなトランジションとアニメーションなどの特徴がある画像のプレビューボックス(ライトボックス)用のjQueryプラグイン。
<script> $(window).load(function() { $.fn.lightspeedBox(); }); </script> <a href="img/img01_fullsize.jpg" class="lsb-preview"> <img src="img/img01_prev.jpg" alt="Image Title"> </a>
<script> $(window).load(function() { $.fn.lightspeedBox(); }); </script> <a href="img/img01_fullsize.jpg" class="lsb-preview" data-lsb-group="gallery1"> <img src="img/img01_prev.jpg" alt="Image Title"> </a> <a href="img/img02_fullsize.jpg" class="lsb-preview "2"" data-lsb-group="gallery1"> <img src="img/img02_prev.jpg" alt="Image Title "3""> </a> <a href="img/img03_fullsize.jpg" class="lsb-preview" data-lsb-group="gallery1"> <img src="img/img03_prev.jpg" alt="Image Title"> </a>
MIT