| １：拡大される画像を表示したいページのヘッダーの間に、下記のソースを入れる。 |
| <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script> |
２：拡大される画像を表示したい箇所に、下記のソースを入れる。 |
| <a href="gazou1.jpg" data-lightbox="group"><img src="gazou1.jpg" width="558" height="304"></a> |