A custom code snippet that opens images in a lightbox upon click
Click an image below to open it in a lightbox! π
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
- Go into your Site Dashboard
- Open the βCodeβ page
- In the βHeadβ tab, paste the following snippet:
- In the βBodyβ tab, paste the following snippet:
<link rel="stylesheet" href="https://sites.super.so/snippets/lightbox.css"/>
<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>