Image lightbox

A custom code snippet that opens images in a lightbox upon click

Click an image below to open it in a lightbox! πŸ‘‡

image
image
image

Installing the snippet

To use this snippet you will need to have an upgraded Super site.

πŸ’‘
Please note this snippet is experimental and there are some limitations:
  • This snippet only works on your live site, not in the dashboard preview
  • The snippet does not work reliably on mobile yet
  • The lightbox feature will apply to all images on your site

  1. Go into your Site Dashboard
  2. Open the β€˜Code’ page
  3. In the β€˜Head’ tab, paste the following snippet:
  4. <link rel="stylesheet" href="https://sites.super.so/snippets/lightbox.css"/>
  5. In the β€˜Body’ tab, paste the following snippet:
<div class="lightbox-wrapper">
  <div class="close-lightbox">Γ—</div>
  <img class="lightbox-image" src="">
</div>

<script src="https://sites.super.so/snippets/lightbox.js"></script>