Explore all DriftSlider features with interactive examples.
透過互動範例探索 DriftSlider 的所有功能。
Navigation, pagination, touch drag — the essentials.
導航、分頁、觸控拖曳 — 基本用法。
Seamless infinite loop with autoplay.
無縫無限循環搭配自動播放。
Adaptive slidesPerView with breakpoints.
依據斷點自適應 slidesPerView。
Vertical scrolling with direction: 'vertical'.
使用 direction: 'vertical' 垂直滑動。
Centered active slide with partial adjacent views.
居中顯示的活動投影片，部分可見相鄰投影片。
Multi-row layout with multiple slides per view.
多行佈局，每視窗多個投影片。
Smooth cross-fade transition effect.
平滑交叉淡入淡出效果。
3D cover flow with interactive controls.
3D 封面流效果，附互動控制面板。
Custom sizing with cropSides vs scale.
自訂尺寸：cropSides 與 scale 模式。
Stack, diagonal, and flip card effects.
堆疊、對角、翻轉卡片效果。
Custom per-slide transforms with switchable presets.
自訂逐片變換效果，可切換預設組合。
Eight creative presets showcased in a grid.
八種 Creative 預設效果一覽。
Synchronized main slider + thumbnail navigation.
主圖 + 縮圖導航同步聯動。
Image slider with keyboard navigation.
圖片滑塊，支援鍵盤導航。
Product image gallery with Thumbs module navigation.
使用 Thumbs 模組的產品圖庫導航。
Vertical thumbnail navigation with Thumbs module.
使用 Thumbs 模組的垂直縮圖導航。
Native lazy loading with IntersectionObserver.
原生延遲載入搭配 IntersectionObserver。
Full-screen hero slider with parallax effects.
全螢幕 Hero 滑塊，視差效果。
Autoplay with progressbar pagination.
自動播放搭配進度條分頁。
Fraction-style current / total pagination.
分數式目前/總計分頁。
jQuery plugin with all modules bundled.
jQuery 插件，所有模組自動載入。
Custom arrow positions and progressbar pagination.
自訂箭頭位置與進度條分頁。
Continuous scrolling logo wall with speed controls.
連續滾動品牌牆，附速度控制面板。
Two rows scrolling in opposite directions.
兩列反向滾動跑馬燈。