実装方法 html <ul> <li><a href="#lb01">サムネイルやテキスト</a></li> <li><a href="#lb02">サムネイルやテキスト</a></li> <li><a href="#lb03">サムネイルやテキスト</a></li> </ul> <!-- ▽▽拡大時の内容▽▽ --> <div id="lb_content"> <div id="lb01"> <a href="#" class="close_overlay">×</a> <div class="lb_wrapper"> <figure><img src="画像url" class="rs_img" /></figure> <p>テキストテキスト</p> <p class="lb_prev"><a href="#lb03">≪</a></p> <p class="lb_next"
![jqueryを使わないcssだけで実装するライトボックス – VEGLコンテンツ](https://cdn-ak-scissors.b.st-hatena.com/image/square/cc8bcfe7423de50a9588b3daf1ff1830fd268533/height=288;version=1;width=512/https%3A%2F%2Fvegl.biz%2Fwp-content%2Fuploads%2F2017%2F03%2F94.jpg)