2022年 10月 の投稿一覧

Swiperスライダーの矢印とドットを外に出す方法

Swiper slider

Swiperスライダーのナビゲーション(矢印)とページネーション(ドット)をスライドの外に配置したい時があると思います。当記事ではその方法をデモを交えながら解説します。 通常のSwiper.jsでのスライダーの作成はご存 […]

swiper.jsをCDNで読み込む

swiper cdn

Swiperスライダーを作成するswiper.jsのCDNを載せています。CDNを使用するすれば、ライブラリをダウンロードせずにSwiperスライダーの作成ができます。CSSも載せているので見た目も整えてくれます。 上記 […]

Swiperスライダーのページネーションをカスタマイズする

swiper pagination customize

Swiper.jsで作成したスライダーのページネーション(ドット)を任意の画像でカスタマイズしたい時があると思います。当記事ではその方法をデモを交えながら解説します。 Swiperオプションによるページネーションカスタマ […]

Swiperスライダーの矢印をカスタマイズする方法

swiper arrow customize

Swiper.jsで作成したスライダーの矢印を任意の画像でカスタマイズしたい時があると思います。当記事ではその方法をデモを交えながら解説します。 通常のSwiper.jsでのスライダーの作成はご存じの前提で進めさせていた […]