Swiper 範例
UI Initiative
來自的進階 Swiper 模板與外掛 UI Initiative
預設
預覽
CodeSandbox
導覽
預覽
CodeSandbox
分頁
預覽
CodeSandbox
動態分頁
預覽
CodeSandbox
分頁進度條
預覽
CodeSandbox
分頁比例
預覽
CodeSandbox
自訂分頁
預覽
CodeSandbox
捲軸
預覽
CodeSandbox
垂直
預覽
CodeSandbox
間距
預覽
CodeSandbox
每視窗顯示張數
預覽
CodeSandbox
每視窗自動顯示張數
預覽
CodeSandbox
置中對齊
預覽
CodeSandbox
自動置中
預覽
CodeSandbox
CSS 模式
預覽
CodeSandbox
自由模式
預覽
CodeSandbox
滾動容器
預覽
CodeSandbox
網格
預覽
CodeSandbox
巢狀
預覽
CodeSandbox
拖曳游標
預覽
CodeSandbox
無限循環
預覽
CodeSandbox
每組跳過張數
預覽
CodeSandbox
淡入效果
預覽
CodeSandbox
立方體效果
預覽
CodeSandbox
Coverflow 效果
預覽
CodeSandbox
翻轉效果
預覽
CodeSandbox
卡片效果
預覽
CodeSandbox
創意效果
預覽
CodeSandbox
鍵盤控制
預覽
CodeSandbox
滑鼠滾輪控制
預覽
CodeSandbox
自動播放
預覽
CodeSandbox
自動播放進度條
預覽
CodeSandbox
操作
預覽
CodeSandbox
縮圖畫廊
預覽
CodeSandbox
循環縮圖畫廊
預覽
CodeSandbox
多個 Swiper
預覽
CodeSandbox
Hash 導覽
預覽
CodeSandbox
歷史紀錄
預覽
CodeSandbox
由右至左
預覽
CodeSandbox
視差效果
預覽
CodeSandbox
圖片延遲載入
預覽
CodeSandbox
響應式斷點
預覽
CodeSandbox
比例斷點
預覽
CodeSandbox
自動高度
預覽
CodeSandbox
縮放
預覽
CodeSandbox
虛擬幻燈片
預覽
CodeSandbox
自訂外掛
預覽
CodeSandbox
滑動式選單
預覽
CodeSandbox
變更方向
預覽
CodeSandbox
監看幻燈片可見度
預覽
CodeSandbox
倒轉
預覽
CodeSandbox