Image lightbox
安裝程式碼片段
要使用此程式碼片段,您需要升級您的Super站點。
💡
請注意,此程式碼片段處於實驗階段,存在一些限制:
- 此程式碼片段只能在您的現場網站上運行,而不能在儀表板預覽中運行
- 此程式碼片段在手機上的運行可能並不穩定
- 光箱功能將應用於您網站上的所有圖片
- 進入您的網站儀表板
- 開啟 'Code' 頁面
- 在 'Head' 標籤中,粘貼以下程式碼片段:
<link rel="stylesheet" href="https://sites.super.so/snippets/lightbox.css"/>
在 「Body」 標籤中,貼上以下的程式碼片段:
<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>