CSS で検索した結果 - プログラミングならドットインストール

投稿フォームへのリンクを設置し、スタイルを整えていきます。

ナビゲーションを独自のクラスをつけて自作し、swiperと紐づけを行い、swiperの領域外に配置する方法を見ていきます。

矢印をカルーセルの両端に配置するために、全体を囲う要素を作っていきます。

全体を囲う要素に対して、絶対位置指定を使って矢印を配置していきます。

カルーセルが左右に移動できるか、できないかを区別するためのスタイルを矢印につけていきます。

ページネーションを全体を囲う要素の中に配置して、swiperと紐づけを行い、swiperの領域外に配置する方法を見ていきます。

ページネーションについているクラス属性を確認し、スタイルを変更していきます。

swiperの領域の確認をしたのち、次の画像を表示させ、それによって発生する問題を解決していきます。

矢印の位置が変わってしまった理由を確認し、コードを修正していきます。

現在の画像が表示対象になっているかを監視するオプションを追加し、特殊なクラスを使ってスタイルを変更していきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス