2022年11月の投稿一覧

【Swiper】縦方向に動くスライダーを作成して見た目を整える

vertical slider

当記事ではswiper.jsを使用して、縦方向に動くスライダーを作成する方法を記します。また、ナビゲーションとページネーションを縦向きにする方法についても記します。 通常のSwiper.jsでのスライダーの作成はご存じの […]

【Swiper】自動で流れ続ける無限ループスライダーを作成する

infinite loop slider

当記事ではswiper.jsを使用して、自動で流れ続ける無限ループスライダーを作成する方法について記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、Swiper.jsを初 […]

【Swiper】ダブルスライダーを作成する【連動】

double_slider

swiper.jsを使用して、メインのスライドとテキストのスライドが連動して動くダブルスライダーを作成する方法について記します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきますので、S […]

【Swiper】両サイドが見切れたスライダーを作成する方法

swiper_show_both_sides

当記事ではswiper.jsを使用して両サイドが見切れたスライダーを作成する方法を記します。swiperのオプションだけで実現可能です。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていただきます […]

【Swiper】サムネイル付きのスライダーを作成する

thumbnail slider

当記事ではサムネイル付きのスライダーをswiper.jsを使用して作成する方法についてデモ付きで解説します。swiper.jsのオプションを使用して二つのスライダーを連動させることで実現します。 通常のSwiper.js […]