カルーセル

矢印ナビゲーション、ページネーションドット、タッチ/スワイプ操作、 設定可能なオートプレイを備えたレスポンシブなカルーセル/スライダーコンポーネント。 無限ループとスムーズなCSS遷移に対応しています。

プレビュー & コード

オプション

名前 デフォルト 説明
slides * Array 必須 Array of slide hashes with :content or :image keys
autoplay Boolean false Enable automatic slide advancement
interval Integer 5000 Milliseconds between slides when autoplay is enabled
pause_on_hover Boolean true Pause autoplay when user hovers over carousel
show_arrows Boolean true Display previous/next navigation arrows
show_dots Boolean true Display pagination dots below the carousel
class String "" Additional CSS classes for the container

変更履歴 v1.0.0

- v1.0.0: Initial release
- Arrow and dot navigation
- Touch/swipe support for mobile
- Configurable autoplay with pause on hover
- Infinite loop navigation
- Keyboard accessibility (arrow keys)

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得