記事『JavaScript不要! HTMLとCSSでつくるカルーセルUI』のデモコードです。
デモで使用している画像はいずれもUnsplashで取得しています。撮影者のクレジットは以下のとおりです。
①シンプルなカルーセル
- flower_01 - Susanne Schwarzによる撮影
- flower_02 - TOMOKO UJIによる撮影
- flower_03 - Aaron Burdenによる撮影
- flower_04 - Anthony DELANOIXによる撮影
- flower_05 - Sora Saganoによる撮影
②インジケーターに画像を設定したカルーセル
- product_01 - John Sinによる撮影
- product_02 - Ubaid E. Alyafiziによる撮影
- product_03 - Suleman Serwarによる撮影
- product_04 - Sanni Sahilによる撮影
- product_05 - Mediamodifierによる撮影
③横幅いっぱいのカルーセル
- landscape_01 - Kalen Emsleyによる撮影
- landscape_02 - 🧔♂️ Michal Kmeťによる撮影
- landscape_03 - Joseph Barrientosによる撮影
- landscape_04 - Jean-Pierre Brungsによる撮影
- landscape_05 - Kalen Emsleyによる撮影