# from hypercrites for ellevee :)
# last edited: 2026-06-07

# put this in your head-area of your site:
  <script src="js/lightbox.js"></script>
  <link href="css/lightbox.css" rel="stylesheet" type="text/css" media="all">

# the code for the image you want to show:
  <img class="lightbox-trigger" src="img/image_thumb.webp" data-full="img/image.png" alt="image">


# put this somewhere at the bottom of your site:
  <div id="lightbox">
    <span id="close-btn">&times;</span>
    <!-- replace the image below with whatever image you want to see people while the image loads -->
    <img id="lightbox-loader" src="img/loading.gif" alt="loading">
    <img id="lightbox-img" src="" alt="">
  </div>