-1
すべての画像にライトボックス効果を入れたい。画像をクリックすると、同じページに拡大表示する必要があります。以外の部分をクリックすると、画像を閉じる必要があります。画像にライトボックス効果を与える
<div class="row jumbotron">
<div class="text-center">
<h1>Gallery</h1>
</div>
<div class="row">
<div class="col-md-4">
<div class="well">
<img height="180px" src="images/a.jpg" class="img-responsive img-center"/>
</div>
</div>
<div class="col-md-4">
<div class="well">
<img height="180px" src="images/a.jpg" class="img-responsive img-center"/>
</div>
</div>
<div class="col-md-4">
<div class="well">
<img height="180px" src="images/a.jpg" class="img-responsive img-center"/>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="well">
<img height="180px" src="images/a.jpg" class="img-responsive img-center"/>
</div>
</div>
<div class="col-md-4">
<div class="well">
<img height="180px" src="images/a.jpg" class="img-responsive img-center"/>
</div>
</div>
<div class="col-md-4">
<div class="well">
<img height="180px" src="images/a.jpg" class="img-responsive img-center"/>
</div>
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="well">
<img height="180px" src="images/a.jpg" class="img-responsive img-center"/>
</div>
</div>
</div>
</div>
チュートリアル試してみてください:あなたの場合はhttps://paulund.co.uk/how-to-create-a-simple-modal-box-with-jquery –
削除しましたフィラーテキストや不要な画像を、テキストが –
編集しますブートストラップのCSSとjsを使用しています。[参照](http://stackoverflow.com/questions/25023199/bootstrap-open-image-in-modal) – Vishal