Swiper.jsで作成したスライダーのページネーション（ドット）のサイズや位置や色を変更したい時があると思います。当記事ではその方法をデモを交えながら解説します。 通常のSwiper.jsでのスライダーの作成はご存じの […]
Swiperスライダーのページネーションのサイズや位置や色を変更する
swiper
Swiperスライダーのデモ19選
Swiper.jsを使用して作成できるスライダーのサンプル19選をデモ付きでご紹介します。また、それぞれのスライダーの作成方法を記した記事のリンクも載せておきます。 ①ノーマルなスライダー まずは特にカスタマイズしていな […]
【Swiper】フリップスライダーを作成する
swiper.jsのエフェクトオプションを使用してフリップスライダーを作成する方法を記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swiper.jsを初めて使う方はこ […]
【Swiper】カバーフロースライダーを作成する
swiper.jsのエフェクトオプションを使用して当記事アイキャッチのようなカバーフロースライダーを作成する方法を記します。また、coverflowEffectで細かい調整を行う方法についても説明します。 通常のSwip […]
【Swiper】カードスライダーを作成する
当記事ではswiper.jsのエフェクトオプションを使用してカードスライダーを作成する方法を記します。またcardsEffectで細かい調整を行う方法についても説明します。 通常のSwiper.jsでのスライダーの作成は […]
【Swiper】キューブスライダーを作成する
当記事ではswiper.jsのエフェクトオプションを使用して立体的なキューブスライダーを作成する方法を記します。また、cubeEffectで細かい調整を行う方法についても説明します。 通常のSwiper.jsでのスライダ […]
【Swiper】lazyオプションを使用して遅延読み込みする
当記事ではswiper.jsのlazyオプションを使用してSwiperスライダーを遅延読み込みする方法について記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swipe […]
【Swiper】グリッドスライダーの作り方
当記事ではswiper.jsを使用して、スライドが複数列複数行のグリッドスライダーを作成する方法を記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swiper.jsを初 […]
Swiper.jsのページネーションのすべて
swiper.jsのページネーションはとても充実しており、オプションを変更するだけで様々なページネーションを作成できます。（一部どうしてもCSSの必要あり）当記事では様々なSwiperページネーションとその実装方法をデモ […]
【Swiper】縦方向に動くスライダーを作成して見た目を整える
当記事ではswiper.jsを使用して、縦方向に動くスライダーを作成する方法を記します。また、ナビゲーションとページネーションを縦向きにする方法についても記します。 通常のSwiper.jsでのスライダーの作成はご存じの […]
