sliderのPC版とSP版の切り替え方

Question

こんにちは。初めて投稿致します。
よろしくお願い致します。

現在HTMLとCSSを勉強中なのですがまだまだ分からないことが
多いです。

今現在仕事で、どうしても分からないことがあります。

PC版/SP版のsliderの高さのサイズを変更したいです。
画像を切り替えることになると思うのですが
sliderをどうしてもSP版に切り替える事ができません。

他のサイトのソースを見ると
PC版/SP版の画像がそれぞれ用意されていて
それぞれを<div>でまとめている感じでした。

どこかに分かりやすい解説参考サイト等があれば頑張って読むのですが
見つけられず；

すみませんがどなたかご教示よろしくお願い致します。

（PC版画像サイズ）横1100px　×　縦600px
（SP版画像サイズ）横600px　×　縦600px
上記のslider画像を切り替えられるHTMLとCSSの記述、slider.jsの組み込み方等を
教えて頂けると幸いです。よろしくお願い致します。

Comments

[m.ts10806]

自身のできてるコードを提示してください。あと仕事で…なら、これで解決したとして自身の成果として自信もてるかは一考いただきたく。

[hina0219]

ご回答有難うございます。

ご自身が苦労されたからでございましょうか。
自信などについてのご指摘は不要でございます。

質問についてご回答頂から場所かと思っておりました。
ここは合わない良いですので別でご回答頂きます。
有難うございました。

[Lhankor_Mhy]

slider.js とはなんですか？

[Lhankor_Mhy]

あ、「別で」というのは、teratail以外で、という意味かな。
お疲れ様でした。

Answer 1

どこかに分かりやすい解説参考サイト等があれば頑張って読む

もう見ていないのかもしれませんが、「slider javascript responsive」でググったところ、5番目にあったこのページがわかりやすいのではないかな、と思いました。

How To Create a Slideshow