三種不同尺寸設定的彈窗：一為水平垂直適配，二為僅水平適配，三為無間隙、縮放動畫並於右上方顯示關閉按鈕。

您可在圖庫項目中置入任何 HTML 內容，並混合不同內容類型。此範例中，根據移動方向啟用預載下一張圖片。若要加入觸控滑動支援，請參閱我們的文章。

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

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

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

精选介面簡潔，降低使用門檻内容，爱游戏与你一同发现更多精彩。

爱游戏专注長期使用，體驗更省心，为用户提供专业可靠的体验。

若您關閉彈窗後重新開啟，或瀏覽其他頁面後按返回按鈕，已輸入的資料不會遺失。

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

模態彈窗將禁用常規的關閉方式。

此為顯示錯誤訊息的基本範例，您可以自行修改文字或樣式。

範例