jQuery FancyBox是一個流行的JavaScript庫,用于創建響應式、觸摸友好的圖像和內容彈出窗口。以下是一些常用的FancyBox配置選項:
- width 和 height:設置彈出窗口的寬度和高度,可以使用像素值或百分比。
- minWidth 和 minHeight:設置彈出窗口的最小寬度和高度。
- maxWidth 和 maxHeight:設置彈出窗口的最大寬度和高度。
- padding:設置彈出窗口的內邊距。
- margin:設置彈出窗口的外邊距。
- scrollbars:控制是否在彈出窗口中顯示滾動條。
- closeOnOverlayClick:控制點擊彈出窗口的背景是否關閉彈出窗口。
- closeOnEscapeKey:控制按下Escape鍵是否關閉彈出窗口。
- openEffect:設置彈出窗口的打開效果,如“fade”、“slide”等。
- closeEffect:設置彈出窗口的關閉效果。
- helpers:允許你添加自定義的輔助元素,如標題、按鈕等。
- imageScaleRatio:當使用圖片作為彈出窗口的內容時,此選項可以設置圖片的縮放比例。
- type:設置彈出窗口的內容類型,如“image”、“iframe”、“ajax”等。
- href:對于“image”、“iframe”和“ajax”類型的內容,此選項設置內容的URL。
- title:設置彈出窗口的標題,對于“image”和“ajax”類型的內容,此選項設置標題的內容。
- content:對于“ajax”類型的內容,此選項可以設置自定義的HTML內容。
- btnClass:設置關閉按鈕的CSS類。
- closeBtnText:設置關閉按鈕的文本。
- nextBtnText 和 prevBtnText:分別設置“下一頁”和“上一頁”按鈕的文本。
- placing:控制彈出窗口在屏幕上的位置。
- fixedContentPos:控制彈出窗口是否固定在其位置上,即使在滾動頁面時也是如此。
- metaRefresh:控制是否在彈出窗口加載后刷新父頁面。
- iframe:允許你配置iframe的屬性,如“src”、“width”和“height”。
- ajax:允許你配置ajax請求的屬性,如“type”、“url”、“data”和“success”。
- keys:設置鍵盤快捷鍵,用于控制彈出窗口的打開和關閉。
- speed:設置動畫的速度。
- changeDelay:設置在切換內容時延遲更改的時間。
- idleTime:設置在關閉彈出窗口之前等待用戶無操作的時間。
- autoScale:根據屏幕大小自動縮放彈出窗口的內容。
- fitImages:自動縮放圖片以適應彈出窗口的大小。
以上是一些常用的FancyBox配置選項,但并非全部。你可以查閱FancyBox的官方文檔以獲取更詳細的信息和所有可用的配置選項。