前橋市のチェリー ブロッサムです。
スマホの場合は上下スワイプで写真めくりが出来ます。
パソコンならマウスのスクロールホイールで写真めくりができます。

① 南町公園
② 南町公園
③ 宮城地区千本桜
④ 宮城地区千本桜
⑤ 宮城地区千本桜
⑥ 阿久沢邸
⑦ 阿久沢邸
Info.

写真は自前以外に「公益財団法人 前橋観光コンベンション協会」提供の写真を利用しています。

スクロール スナップを利用した写真めくり。
スマホなら、上限にフリックすることで写真めくりが出来ます。
これ、操作を直感的に解かってもう工夫必要かもしれません。
ページ内にスクロール スナップ以外の要素の同居が工夫が必要でした。
今、どの写真が表示されているのかを表示する方法を思案中です。

基本はCSSのみです。
なおFirefox用にスクロール スナップにフォーカスを与えるJavaScript「main.entry」の記述を参照。
├→ページのアップ・ダウン機能を既定値に
└→Chromium系は能動的にフォーカスしないと

詳細を知りたい方はリバースエンジニアリングしてください。