<a href="https://placehold.jp/ff00c8/ffffff/150x150.png" class="luminous">
  <img src="https://placehold.jp/ff00c8/ffffff/150x150.png" alt="">
</a>
<a href="https://placehold.jp/3d4070/ffffff/150x150.png" class="luminous">
  <img src="https://placehold.jp/3d4070/ffffff/150x150.png" alt="">
</a>
<a href="https://placehold.jp/ffea00/ffffff/150x150.png" class="luminous">
  <img src="https://placehold.jp/ffea00/ffffff/150x150.png" alt="">
</a>
<a href="https://placehold.jp/66ff69/ffffff/150x150.png" class="luminous">
  <img src="https://placehold.jp/66ff69/ffffff/150x150.png" alt="">
</a>
/* リンクスタイルのリセット */
a {
  text-decoration: none;
}
new LuminousGallery(document.querySelectorAll('.luminous'));

External CSS

  1. https://cdn.jsdelivr.net/npm/luminous-lightbox@2.4.0/dist/luminous-basic.min.css

External JavaScript

  1. https://cdn.jsdelivr.net/npm/luminous-lightbox@2.4.0/dist/luminous.min.js