三種不同尺寸設定的彈出視窗： 1 — 橫向與縱向皆符合, 2 — 僅橫向符合, 3 — 無間隙、縮放動畫、右上角關閉按鈕。

您可以將任何 HTML 內容置於每個圖庫項目中，並混合不同的內容類型。此範例中，圖片的延遲載入功能已啟用，可根據移動方向載入下一張圖片。若需加入觸控滑動支援，請參閱我在 Smashing Magazine 上的文章。

若您希望在圖片完全載入後才開啟彈窗，可透過 JavaScript 預載圖片。或者，使用縮小後的圖片取代縮圖。縮放效果目前僅適用於圖片。

在此範例中，燈箱在小型螢幕尺寸上會自動停用，並觸發連結的預設行為。

動畫透過簡單的 CSS 過渡效果添加，您可以隨心所欲地設計它們的外觀。更多動畫效果請見 CodePen。

围绕壹号娱乐网页版，壹号娱乐1持续打磨更优质的服务。

壹号娱乐1深耕壹号娱乐app领域，用心服务每一位用户。

即使關閉彈窗後重新開啟，或返回上一頁再按瀏覽器返回鍵，已輸入的資料也不會遺失。

您可以完全控制彈窗顯示的內容，透過 CSS 將其對齊至任何一側，啟用或停用視窗右側的滾動條——一切盡在您的掌握。

模態彈窗會停用傳統的關閉彈窗方式。

這只是顯示錯誤訊息的基本範例。當然，您可以更改文字或進行樣式設計。

範例