燈箱小工具可讓使用者在強制回應對話方塊中查看多媒體內容。
一般使用說明
以下是開啟燈箱對話方塊的範例按鈕:
這個錨定標記其 href
屬性設為 #lightbox-trigger
,也可用於開啟燈箱:
YouTube 影片
以下是開啟 YouTube 影片對話方塊的範例按鈕:
這個 YouTube 連結可以開啟 YouTube 影片對話方塊:
圖片
圖片也能以燈箱模式對話方塊顯示。在查看完整螢幕截圖時,不需要加入完整寬度圖片也能使用這項功能。
向右浮動
這是圖片浮動於內容右側右側的圖片。這個小工具會開啟燈箱模組對話方塊,並顯示購物車範例工具提示。
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt utlabe et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcolabis nisi ut aliquip ex ea commodo consequat. 在自願性 vese esse cillum Dolore eu fugiat nulla pariatur 的 Rereenderit 中使用 Duit ir 尿道。獨角獸蘇格蘭非遺產,明尼蘇達形的 Mollit anim id 氣體發電。
懸停在左側
這是圖片浮動於內容左邊的示例。這個小工具會開啟燈箱模式對話方塊,但不會顯示工具提示。
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt utlabe et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamcolabis nisi ut aliquip ex ea commodo consequat. 在自願性 vese esse cillum Dolore eu fugiat nulla pariatur 的 Rereenderit 中使用 Duit ir 尿道。獨角獸蘇格蘭非遺產,明尼蘇達形的 Mollit anim id 氣體發電。
載入網頁時顯示
您可以新增查詢字串參數 dialogOnLoad
和 ID 修正,藉此在網頁載入時開啟燈箱廣告。