HOME

次ページにLightBoxのサンプルを置いています。

LightBox

• 
• 
• 
• 
• 

Code

LightBoxに関係のある部分を抜粋

		<link rel="stylesheet" href="./css/lightbox.css">
		<link rel="stylesheet" href="./css/base.css">
		<!--JavaScript-->
		<script src="./js/jquery-2.1.4.min.js"></script>
		<!--LightBox用JavaScript-->
		<script src="./js/lightbox.min.js"></script>
		<ul>
		<li><a href="./img/img001.jpg" data-lightbox="boxtest1"><img src="./img/img001.jpg" class="thumbnail" /></a></li>
		<li><a href="./img/img002.jpg" data-lightbox="boxtest1"><img src="./img/img002.jpg" class="thumbnail" /></a></li>
		<li><a href="./img/img003.jpg" data-lightbox="boxtest1"><img src="./img/img003.jpg" class="thumbnail" /></a></li>
		<li><a href="./img/img004.jpg" data-lightbox="boxtest1"><img src="./img/img004.jpg" class="thumbnail" /></a></li>
		<li><a href="./img/img005.jpg" data-lightbox="boxtest1"><img src="./img/img005.jpg" class="thumbnail" /></a></li>
		</ul>