ホームページの模写をしており、JavaScript部分でつまずいています(横スライド等)

現在、あるホームページの模写をしています。
ある程度のHTMLやCSSは理解しており、レスポンシブデザイン含む大方のデザインは出来上がりましたが、おそらくJavaScriptを使うであろう部分でつまずいています。
練習のため、Jquery等の使用は避けています。
ヒントをいただければ幸いです。

①2枚の画像が横に並んでいるデザインですが、PC全画面ではセンター配置となっていますが、
スマホサイズ～PCの全画面サイズになるまでの中途半端なサイズでは見切れており、
スマホであれば画像をスワイプ、PCであればクリックで押さえて動かすと横にスライドし、二枚目も見える仕様となっています。その際、スライドバーは表示されていません。
そもそもこれはCSSで実装しているのか、JavaScriptか分かりません。

②10枚ほどの画像が横並びになっていて、PC全画面だと3枚横並びなっており、あとは隠れています。
画像のしたに←→の矢印があり、それを押すと隠れている画像がスライドし一枚ずつ入れ替わるに仕様となっています。スマホ画面だと、スワイプで横にスライドする仕様となっています。これもスライドバーハ表示されていません。
これはJavaScriptだとは思いますが、このような仕様ではどのようなメソッド？を使えばいいか分か
りません。

自分なりにネット等を駆使して探してみましたが解決せずここで質問をさせていただきました。
何かヒントをいただければ幸いです。よろしくお願いいたします。

miyabi_pudding

2020/12/13 15:50

JavaScriptに関してはどれだけ知識と技術がありますか？それによって回答が変動するかと。

m.ts10806

2020/12/13 20:42 編集

ヒントも何も、再現確認できるコードや、参考にしているサイトなど回答するためにヒントになる情報がほぼゼロです。同じものを実現するために組まれるコードは一つではないです。（できてないなら尚更無限大）

kgtsk

2020/12/13 21:53

JavaScriptの知識は、ドットインストールで基礎文法、オブジェクト、DOM編をざっと目を通しています。また、ホームページ模写の際、クリックイベントでハンバーガーメニューやアコーディオンメニューの表示・非表示は、自分でどうにか実装できました。方法は色々あるとか思いますが、回答いただける方だったらどんなコードを書くか、というところで教えていただければと思います。何か解決の糸口になるワードを教えていただければ、そこからさらに調べて試行錯誤できればと思っています。

m.ts10806

2020/12/13 23:44 編集

「探してみた」だけだと、同じ参照先がアドバイスとして提示されても文句は言えませんし、探したということすら信憑性なしです。これは「できた」と書いてるだけでも同じ。「どう調べたの？」「どういうコードを書いたの？」「何をしたの？」という逆質問を引き出すだけです。質問本文に書いてないことは他人には伝わりません。質問本文を編集して追記してください。 ※模写なら尚更ですね。お手本目の前にあるでしょ、と見た人誰もが感じます