/lightbox

Primary LanguageJavaScriptMIT LicenseMIT

lightbox

GitHub   Ko-Fi   PayPal   Stripe

How-to Use

Gallery HTML Example:

<div class="gallery">
  <img src="photo1.jpg" alt="Photo 1" class="gallery-image">
  <img src="photo2.jpg" alt="Photo 2" class="gallery-image">
  <img src="photo3.jpg" alt="Photo 3" class="gallery-image">
</div>

<div class="lightbox" id="lightbox">
  <span class="close-button" id="close-button">&times;</span>
  <img src="" alt="Lightbox Image" class="lightbox-image" id="lightbox-image">
</div>

Add the Lightbox Script:

<script src="/path/to/lightbox.js"></script>

Example CSS is located in lightbox.css.

<link rel="stylesheet" href="/path/to/lightbox.css">