実装したい機能
Slideshowのプラグインを使って自動カルーセルを実装しているのですが(赤が画像、緑が余白部分)、余白部分が大きすぎるのが気になります。
PCだと余白はあまり気にならないのですが、スマホになると余白部分が目立ち、見た目がかなり悪いです。
理想としては、余白部分はほんの少しだけで、画像の大きさ比率も変えたいです。
コーディングによる実装が必要な場合は、そのやり方も教えてほしいですm(__)m
Slideshowのプラグインを使って自動カルーセルを実装しているのですが(赤が画像、緑が余白部分)、余白部分が大きすぎるのが気になります。
PCだと余白はあまり気にならないのですが、スマホになると余白部分が目立ち、見た目がかなり悪いです。
理想としては、余白部分はほんの少しだけで、画像の大きさ比率も変えたいです。
コーディングによる実装が必要な場合は、そのやり方も教えてほしいですm(__)m
CSS Toolsというpluginを使用すれば
CSSが直接触れますので解決可能かと思います。
使い方はjansnapさんが書いた記事があってとてもわかり易いです。
プレビュー画面でブラウザのデベロッパーツールを使用して
対象のCSSとclassを調べて、CSS Toolsに記載をしていくというような形です。
ご参考になれば幸いです
ご回答ありがとうございます!とりあえず挑戦してみます!
また不明点が出てきたら教えていただければと思いますm(__)m