More than 50 percent light box gallery uses this.
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
<link href="lightbox.min.css" rel="stylesheet" />
<script src="lightbox-plus-jquery.min.js"></script>
<title>Girfa Light Box</title
>
</head>
<body>
<div class="container">
<h1 style="text-align:center">Light
Box Gallery</h1><hr />
<div class="row">
<div class="col-md-4">
<a class="example-image-link" href="1.jpg" data-lightbox="example-set" data-title="Lorem Ipsum">
<img src="1.jpg" class="img-responsive
example-image " alt="Lorem Ipsum" id="imgHanging" />
</a>
</div>
<div class="col-md-4">
<a class="example-image-link" href="2.jpg" data-lightbox="example-set" data-title="Lorem Ipsum">
<img src="2.jpg" class="img-responsive
example-image " alt="Lorem Ipsum" id="imgHanging" />
</a>
</div>
<div class="col-md-4">
<a class="example-image-link" href="3.jpg" data-lightbox="example-set" data-title="Lorem Ipsum">
<img src="3.jpg" class="img-responsive
example-image " alt="Lorem Ipsum" id="imgHanging" />
</a>
</div>
</div>
</div>
</body>
</html>
No comments:
Post a Comment