lightbox.js 是一個用于創建響應式圖像和視頻燈箱效果的 JavaScript 庫。它基于原生 JavaScript，并且具有簡單的使用方式。
以下是 lightbox.js 的詳細用法解釋：
1. 引入庫文件：首先，你需要在頁面中引入 lightbox.js 的庫文件。你可以通過在 HTML 文件的 <head> 標簽內添加以下代碼來實現：
<link rel="stylesheet" href="lightbox.css"><script src="lightbox.js"></script>
2. 創建 HTML 結構：接下來，在頁面中創建一個 HTML 結構來包含你想要顯示在燈箱中的圖像或視頻。通常，你可以使用 <a> 標簽來包裹圖像或視頻元素，例如：
<a data-lightbox="example" href="path/to/image.jpg"><img src="path/to/thumbnail.jpg" alt="Example Image">
</a>
3. 初始化插件：一旦完成了 HTML 結構的設置，現在你需要初始化 lightbox.js 插件。你可以在頁面的底部添加以下 JavaScript 代碼進行初始化：
<script>lightbox.option({
'resizeDuration': 200,
'wrapAround': true
})
</script>
4. 配置選項：你可以根據需要配置不同的選項來自定義燈箱的行為。在上述代碼中，我們設置了兩個選項：resizeDuration 和 wrapAround。resizeDuration 用于設置調整大小的持續時間（以毫秒為單位），而wrapAround 則用于啟用無限循環瀏覽。你可以根據需要配置其他選項，具體請參考 lightbox.js 的文檔。
5. 樣式定制：最后，你可以通過編輯 lightbox.css 文件來自定義燈箱的樣式。你可以更改背景顏色、文字樣式等等，以滿足你的設計需求。
